dillinger

Dillinger

Editor Markdown Terakhir, Ever

Dillinger adalah cloud-enabled, siap-mobile, kompatibel storage yang kompatibel dengan AngularJS-bertenaga Markdown Editor.

• Ketik beberapa penurunan harga di sebelah kiri
• Lihat HTML di sebelah kanan
• Sihir

Fitur

• Impor file HTML dan tonton secara ajaib yang dikonversi ke Markdown
• Gambar dan drop gambar (mengharuskan akun Dropbox Anda ditautkan)
• Impor dan simpan file dari GitHub, Dropbox, Google Drive dan satu drive
• Seret dan lepas file Markdown dan HTML ke Dillinger
• Ekspor Dokumen sebagai Markdown, HTML dan PDF

Markdown adalah bahasa markup ringan berdasarkan konvensi pemformatan yang digunakan orang secara alami dalam email. Seperti yang ditulis John Gruber di situs Markdown

Tujuan desain utama untuk sintaks pemformatan Markdown adalah membuatnya dapat dibaca mungkin. Idenya adalah bahwa dokumen yang diformat penurunan harga harus dapat diterbitkan apa adanya, sebagai teks biasa, tanpa terlihat seperti telah ditandai dengan tag atau instruksi pemformatan.

Teks yang Anda lihat di sini sebenarnya ditulis dalam Markdown! Untuk merasakan sintaks Markdown, ketik beberapa teks ke jendela kiri dan saksikan hasilnya di kanan.

Tech

Dillinger menggunakan sejumlah proyek open source agar berfungsi dengan baik:

• AngularJS - HTML ditingkatkan untuk aplikasi web!
• ACE Editor - Editor Teks Berbasis Web yang Luar Biasa
• Markdown -it - Markdown Parser dilakukan dengan benar. Cepat dan mudah diperluas.
• Twitter Bootstrap - Boilerplate UI yang bagus untuk aplikasi web modern
• node.js - evented I/O untuk backend
• Express - Fast Node.js Network App Framework @tjholowaychuk
• Gulp - Sistem pembuatan streaming
• Breakdance - HTML ke Markdown Converter
• jQuery - duh

Dan tentu saja Dillinger sendiri adalah open source dengan repositori publik di GitHub.

Instalasi

Dillinger membutuhkan Node.js V10+ untuk dijalankan.

Instal dependensi dan ketergantungan devdependensi dan mulai server.

 cd dillinger
npm i
node app

Untuk lingkungan produksi ...

npm install --production
NODE_ENV=production node app

Plugin

Dillinger saat ini diperpanjang dengan plugin berikut. Instruksi tentang cara menggunakannya di aplikasi Anda sendiri ditautkan di bawah ini.

Plugin	Readme
Dropbox	Plugin/Dropbox/ReadMe.md
GitHub	plugin/github/readme.md
Google Drive	plugin/googledrive/readme.md
OneDrive	plugin/onedrive/readme.md
Sedang	Plugin/Medium/Readme.md
Google Analytics	Plugin/GoogleAnalytics/ReadMe.md

Perkembangan

Ingin berkontribusi? Besar!

Dillinger menggunakan Webpack Gulp + untuk pengembangan cepat. Lakukan perubahan dalam file Anda dan secara instan lihat pembaruan Anda!

Buka terminal favorit Anda dan jalankan perintah ini.

Tab pertama:

node app

Tab kedua:

gulp watch

(Opsional) Ketiga:

karma test 

Bangunan untuk sumber

Untuk rilis produksi:

gulp build --prod

Menghasilkan arsip ZIP pra-dibangun untuk distribusi:

gulp build dist --prod

Buruh pelabuhan

Dillinger sangat mudah dipasang dan digunakan dalam wadah Docker.

Secara default, Docker akan mengekspos port 8080, jadi ubah ini di dalam dockerfile jika perlu. Saat siap, cukup gunakan DockerFile untuk membangun gambar.

 cd dillinger
docker build -t < youruser > /dillinger: ${package.json.version} .

Ini akan membuat gambar Dillinger dan menarik ketergantungan yang diperlukan. Pastikan untuk menukar ${package.json.version} dengan versi aktual Dillinger.

Setelah selesai, jalankan gambar Docker dan petakan port ke apa pun yang Anda inginkan di host Anda. Dalam contoh ini, kami cukup memetakan port 8000 dari host ke port 8080 dari Docker (atau port apa pun yang diekspos di DockerFile):

docker run -d -p 8000:8080 --restart=always --cap-add=SYS_ADMIN --name=dillinger < youruser > /dillinger: ${package.json.version}

Catatan: --cap-add=SYS_ADMIN diperlukan untuk rendering pdf.

Verifikasi penyebaran dengan menavigasi ke alamat server Anda di browser pilihan Anda.

127.0.0.1:8000

Lisensi

Mit

Perangkat lunak gratis, neraka ya!