Apakah Dillinger mengunggah Markdown saya ke server?

Editornya sendiri menyimpan draft di browser kamu. Integrasi cloud (GitHub, Dropbox, Google Drive, OneDrive, Bitbucket) berperantara server menurut definisi, dan export PDF juga. Dokumen welcome yang dikirim di dillinger.io berkata verbatim "PDF export Available Server-rendered". Saat cold load, halaman juga mem-ping lima endpoint status backend (/api/github/status, /api/dropbox/status, /api/google-drive/status, /api/onedrive/status, /api/bitbucket/status) dua kali masing-masing sebelum kamu mengetik apapun. Editor Markdown TaskKit tidak punya backend, jadi tidak ada yang bisa di-ping.

Origin pihak ketiga apa saja yang dimuat dillinger.io?

Diukur 2026-05-16 dengan profil Chrome bersih: tiga. cdn.jsdelivr.net (editor Monaco dan language worker-nya), m.servedby-buysellads.com (SDK monetisasi BuySellAds; queue _bsa diinisialisasi dengan satu slot di scope window), dan via.placeholder.com (gambar demo di dokumen welcome). Kami memeriksa window.ga, window.gtag, dan window.dataLayer untuk Google Analytics, GTM, dan DoubleClick; tidak ada yang ditemukan. /dev/markdown TaskKit memuat nol origin pihak ketiga.

Apakah TaskKit merender diagram Mermaid?

Ya. Fenced code block bertag ```mermaid dirender inline menjadi SVG menggunakan library Mermaid, di-import secara dinamis saat pemakaian pertama sehingga bundle tetap ringan bagi pengguna yang tidak pernah membuat diagram. Mermaid berjalan dengan securityLevel: 'strict', artinya tidak ada inline JavaScript, tidak ada HTML foreignObject, tidak ada fetch gambar eksternal. /guide Dillinger tidak menyebut Mermaid; sintaks di sana mencakup KaTeX math, tabel, task list, dan footnote.

Bagaimana TaskKit mengekspor PDF tanpa server?

Export PDF meraster ulang clone preview live dengan html2canvas-pro, lalu merangkai halaman A4 dengan pdf-lib. Keduanya hanya berjalan di browser dan di-import secara dinamis saat export pertama. Batas halaman selaras dengan blok top-level sehingga paragraf, tabel, list, dan diagram Mermaid tidak terpotong. Trade-off-nya: PDF dirasterisasi, jadi teks di dalamnya tidak dapat dipilih, dan teks vektor akan memerlukan engine layout berbeda.

Apa yang dimiliki Dillinger tetapi tidak dimiliki TaskKit?

Sinkronisasi cloud ke GitHub, Dropbox, Drive, OneDrive, dan Bitbucket. Rendering matematika KaTeX ($…$ dan $$…$$). Footnote (gaya [^1]). Fitur editor Monaco (multi-cursor, find/replace, autocompletion). Mode keybinding Vim dan Emacs. Bagian hand-off AI yang eksplisit. Jika salah satunya menjadi load-bearing untuk workflow kamu, Dillinger adalah tool yang tepat.

Perbandingan

Perbandingan · Diperbarui 2026-05-16

Editor Markdown TaskKit vs Dillinger.io

Kedua tool memungkinkan kamu mengetik Markdown di kiri dan melihat HTML di kanan. Mereka berbeda tajam pada apa yang dimuat di samping editor, apa yang melintasi jaringan saat kamu menekan Export, dan apa yang dilakukan halaman sebelum kamu mengetik apapun. Ringkasan di bawah terukur terhadap bundle yang dilayani di dillinger.io dan didasarkan pada dokumentasi Dillinger sendiri.

Ringkasan

Origin pihak ketiga di paint pertama: Dillinger memuat tiga (cdn.jsdelivr.net untuk Monaco, m.servedby-buysellads.com untuk SDK Monetisasi BuySellAds, dan via.placeholder.com untuk gambar demo). /dev/markdown TaskKit memuat nol.
Framework iklan / sponsor: monetization.js dari BuySellAds berjalan di paint pertama, dan queue _bsa diinisialisasi dengan satu slot iklan di window. Kami tidak melihat Google Analytics, GTM, atau DoubleClick. TaskKit tidak memuat analytics, iklan, atau SDK pihak ketiga.
Ping backend sebelum kamu mengetik: dillinger.io menembakkan /api/github/status, /api/dropbox/status, /api/google-drive/status, /api/onedrive/status, dan /api/bitbucket/status dua kali masing-masing saat cold load. Halaman Markdown TaskKit tidak punya backend untuk di-ping.
Export PDF: dokumen welcome Dillinger berkata sendiri, dengan frasa "PDF export Available Server-rendered". Export TaskKit berjalan sepenuhnya di browser (html2canvas-pro + pdf-lib, di-import secara dinamis saat pemakaian pertama).
Mermaid: TaskKit merender blok ```mermaid secara live (flowchart, sequence, class, state, ER, journey, gitGraph, timeline, mindmap, gantt, pie). /guide Dillinger tidak menyebut Mermaid.
Di mana Dillinger menang: sinkronisasi cloud ke lima provider, KaTeX math, footnote, kedalaman editor Monaco (multi-cursor, keybinding vim/emacs), hand-off AI eksplisit. TaskKit tidak menyertakan satu pun dari itu.

Buka editor Markdown TaskKit.

Privasi, terukur

Diukur 2026-05-16, profil Chrome bersih, tanpa extension yang memfilter request. Angka adalah untuk halaman utama (editor itu sendiri) di paint pertama, sebelum tindakan apapun dari user.

Aksi	Dillinger	TaskKit
Origin pihak ketiga di paint pertama	3 (`cdn.jsdelivr.net`, `m.servedby-buysellads.com`, `via.placeholder.com`)	0
SDK iklan / monetisasi	BuySellAds (`monetization.js`; queue `_bsa` diinisialisasi dengan satu slot)	Tidak ada
Google Analytics / GTM / DoubleClick	Tidak terdeteksi di paint pertama	Tidak ada
Ping status backend (sebelum mengetik apapun)	10 panggilan ke `/api/{github,dropbox,google-drive,onedrive,bitbucket}/status` (dua kali masing-masing)	0
Save ke GitHub / Dropbox / Drive / OneDrive / Bitbucket	OAuth via `/api/{provider}/callback`; dokumen melewati backend Dillinger	Tidak ditawarkan. Copy HTML atau export PDF secara lokal.
Export ke PDF	Server-rendered (dokumen welcome Dillinger sendiri)	Hanya browser (`html2canvas-pro` + `pdf-lib`; tanpa upload, tanpa dialog print)
Export ke HTML bergaya	Jalur export aplikasi yang sama	Tombol Copy HTML (clipboard)
Kirim draft ke LLM	"Markdown is the native language of large language models. Write in Dillinger, then feed your content directly to ChatGPT, Claude, or any LLM." (halaman fitur Dillinger sendiri)	Tidak built-in. Menyalin output terserah kamu.

Sinkronisasi cloud yang berperantara OAuth adalah pola yang wajar untuk apa yang dilakukan Dillinger. Kontrasnya bukan bahwa desainnya salah, melainkan bahwa backend-nya ada sama sekali, yang berarti model sesi, penanganan token OAuth, dan jalur server untuk dokumen tersebut. Editor Markdown TaskKit tidak memilikinya karena tidak ada yang dilakukannya yang memerlukannya. Lebih lanjut tentang bagaimana TaskKit memperlakukan data kamu.

Matriks fitur

Kemampuan	Dillinger	TaskKit
Rendering Markdown
Dasar CommonMark (heading, list, code, link)	Ya	Ya
Tabel GFM	Ya	Ya (alignment via titik dua di baris pemisah)
Task list ([ ] / [x])	Ya	Ya (checkbox dinonaktifkan untuk render read-only)
Strikethrough (~~text~~)	Ya	Ya
Footnote ([^1])	Ya	Tidak
Matematika KaTeX ($…$, $$…$$)	Ya	Tidak
Diagram Mermaid	Tidak disebutkan di /guide	Ya (flowchart, sequence, class, state, ER, journey, gitGraph, timeline, mindmap, gantt, pie)
Syntax highlighting di fenced code	Ya	Tidak (kelas bahasa dipertahankan sehingga kamu bisa melapisi highlighting sendiri)
Editor
Surface editor	Monaco (dimuat dari `cdn.jsdelivr.net`)	CodeArea (kustom, ringan, same-origin)
Multi-cursor, find / replace, autocompletion	Ya (Monaco)	Tidak
Keybinding Vim / Emacs	Ya	Tidak
Buka file via drag-and-drop	Ya (Markdown / HTML / gambar)	Tidak
Scroll-sync antara editor dan preview	Ya	Mode tampilan Split, Edit, Preview (tanpa sync kontinu)
Mode fullscreen / Zen	Mode Zen	Fullscreen
Sharing & persistensi
Persistensi draft	localStorage di browser	localStorage di browser
Sync GitHub / Dropbox / Drive / OneDrive / Bitbucket	Ya (OAuth)	Tidak
Akun / login	Wajib untuk sync cloud	Tidak ada (tanpa backend)
Copy HTML yang dirender	Export ke file HTML bergaya	Tombol Copy HTML (clipboard)
Export PDF	Ya, server-rendered	Ya, hanya browser
Postur runtime
Halaman statis (tanpa backend)	Tidak (Next.js 14)	Ya
Renderer ditulis tangan (tanpa dependensi markdown / sanitizer)	Tidak	Ya (sekitar 340 baris)
HTML escaping pada setiap text run	Via library	Ya (raw HTML di source tidak pernah diteruskan)
Allow-list skema URL (membuang `javascript:` / `data:`)	Via library	Ya (hanya http(s), mailto, tel, anchor, jalur relatif)
Sandbox Mermaid	tidak berlaku	`securityLevel: "strict"`, artinya tanpa JS inline, tanpa foreignObject, tanpa fetch gambar eksternal

Apa yang editor TaskKit miliki dan Dillinger tidak

Diagram Mermaid di preview. Fenced ```mermaid dirender ke SVG inline. Sebelas tipe diagram bekerja end-to-end. Library Mermaid di-import secara dinamis saat pertama kali sebuah diagram muncul, sehingga bundle tetap kecil bagi pengguna yang tidak pernah menggambar satu pun.
Export PDF offline. Seluruh pipeline (klon preview, meraster SVG inline menjadi PNG, mengiris kanvas off-screen menjadi halaman A4, menanamkannya dengan pdf-lib) hanya berjalan di browser. Putuskan jaringan saat export berlangsung dan ia tetap menghasilkan file.
Renderer ditulis tangan dengan dua lapisan keamanan. Setiap text run melewati escaping HTML-entity sebelum mencapai buffer output (literal <script> di source menjadi <script>, bukan tag yang dieksekusi). Setiap URL melewati allow-list, jadi apapun di luar http(s), mailto, tel, anchor, dan jalur relatif akan dibuang, termasuk JaVaScRiPt: bercampur huruf dan penyisipan karakter kontrol.
Tanpa backend. Tidak ada model sesi, tidak ada penyimpanan token OAuth, dan tidak ada jalur server yang bisa dilewati dokumen. Memuat halaman Markdown TaskKit melakukan set panggilan jaringan yang sama dengan memuat sisanya dari TaskKit: aset statis, dan tidak ada yang lain.

Di mana Dillinger lebih kuat

Sinkronisasi cloud ke lima provider. Buka file dari repo GitHub, edit, simpan kembali. Sama dengan Dropbox, Drive, OneDrive, dan Bitbucket. Editor Markdown TaskKit tidak memiliki padanannya: alur tersebut adalah "salin HTML keluar dan tempel di mana saja".
Kedalaman editor Monaco. Multi-cursor, find / replace lintas buffer, autocompletion cerdas, mode keybinding vim dan emacs. Jika muscle memory kamu adalah "VS Code di browser", Dillinger memilikinya.
Rendering matematika KaTeX. Inline $…$ dan blok $$…$$. TaskKit belum memiliki matematika hari ini.
Footnote. Notasi referensi [^1], dengan definisi di mana saja dalam dokumen. Renderer TaskKit belum mencakup footnote.
Hand-off AI yang eksplisit. Copy Dillinger sendiri: "Markdown is the native language of large language models. Write in Dillinger, then feed your content directly to ChatGPT, Claude, or any LLM." TaskKit tidak punya tombol untuk itu.

Kapan memilih Dillinger

Kamu perlu membuka dan menyimpan file di GitHub, Dropbox, Drive, OneDrive, atau Bitbucket dari editor itu sendiri.
Kamu perlu rendering matematika KaTeX.
Kamu perlu footnote.
Kamu menginginkan kedalaman editor Monaco (multi-cursor, autocompletion, mode vim).

Untuk segala hal lainnya (menulis README, melihat preview deskripsi PR, menyusun dokumen dengan diagram Mermaid, mengekspor PDF yang tidak pernah meninggalkan tab), editor Markdown TaskKit lebih cocok.

Apa yang TaskKit tinggalkan secara sengaja

Sinkronisasi cloud. Tombol "Save to GitHub" adalah UX yang hebat. Itu juga memerlukan backend, token OAuth yang disimpan di suatu tempat, dan model sesi. Postur TaskKit adalah "tanpa backend"; menempel HTML yang dirender atau mengunduh PDF adalah jalur ekspor.
Syntax highlighting di blok fenced code. Sebuah highlighter sesungguhnya (Prism, highlight.js, Shiki) berukuran 50 hingga 500 KB yang dikirim ke setiap halaman. Kami meninggalkannya agar bundle tetap kecil. Tag bahasa tetap menjadi nama kelas (language-js), jadi kamu bisa melapisi highlighting di atas HTML yang disalin jika kamu butuh.
Affordance "send to LLM" built-in. Draft kamu masuk ke LLM adalah aksi nyata dengan konsekuensi nyata. Editor adalah tempat yang salah untuk menyembunyikannya di balik tombol.
Teks dapat dipilih di dalam PDF yang diekspor. Export meraster preview, yang memberikan kesetiaan gaya yang sempurna dengan biaya teks yang dapat dipilih. Teks vektor akan memerlukan engine layout yang berbeda.

Coba tools Markdown TaskKit

Editor Markdown

CommonMark + tabel GFM, strikethrough, task list, diagram Mermaid, dan export PDF yang nyata. Tidak ada yang meninggalkan tab.

Diff Checker

Bandingkan dua draft Markdown berdampingan, secara lokal.

Metodologi

Diuji 2026-05-16 di Chrome dengan profil bersih dan cache yang dihapus, tanpa ekstensi pemfilter request aktif. Hitungan jaringan diambil dari log request browser pada cold load https://dillinger.io/, sebelum interaksi apapun. Pemeriksaan tracker meng-query window.ga, window.gtag, window.dataLayer, dan window.google_tag_manager secara langsung. Panjang queue _bsa dibaca dari window._bsa_queue. Kutipan "PDF export Available Server-rendered" berasal dari dokumen welcome yang dikirim di halaman utama. Endpoint sync cloud dan stack Next.js 14 / Monaco didokumentasikan di halaman /features tool itu sendiri dan repositori joemccann/dillinger. Klaim TaskKit berasal dari renderer Markdown di src/lib/dev/markdown.ts dan komponen tool di src/components/dev/MarkdownTool.tsx. Matriks akan diperiksa ulang saat salah satu tool berubah secara material.

Dillinger adalah merek dagang dari pemilik masing-masing. Halaman ini tidak berafiliasi dengan atau didukung oleh Dillinger.