dillinger

Dillinger

Der letzte Markdown -Editor überhaupt

Dillinger ist ein Cloud-fähiger, mobiler, offline-offline-kompatibler, angularJS-betriebenes HTML5-Markdown-Editor.

• Geben Sie links einen Markdown ein
• Siehe HTML im Recht
• Magie

Merkmale

• Importieren Sie eine HTML -Datei und beobachten Sie sie auf magische Weise in Markdown um
• Drag & Drop -Bilder (erfordert, dass Ihr Dropbox -Konto verknüpft ist).
• Importieren und speichern Sie Dateien von GitHub, Dropbox, Google Drive und einem Laufwerk
• Drag & Drop -Markdown- und HTML -Dateien in Dillinger
• Exportdokumente als Markdown, HTML und PDF

Markdown ist eine leichte Markup -Sprache, die auf den Formatierungskonventionen basiert, die Menschen natürlich in E -Mail verwenden. Wie John Gruber auf dem Markdown -Standort schreibt

Das übergeordnete Designziel für die Formatierungssyntax von Markdown besteht darin, es so lesbar wie möglich zu machen. Die Idee ist, dass ein Dokument mit Markdown-formatiertem Dokument als einfacher Text veröffentlicht werden sollte, ohne so auszusehen, als wäre es mit Tags oder Formatierungsanweisungen gekennzeichnet worden.

Dieser Text, den Sie hier sehen, ist tatsächlich in Markdown geschrieben! Um ein Gefühl für die Markdown -Syntax zu erhalten, geben Sie einen Text in das linke Fenster ein und beobachten Sie die Ergebnisse nach rechts.

Technik

Dillinger verwendet eine Reihe von Open -Source -Projekten, um ordnungsgemäß zu funktionieren:

• AngularJS - HTML erweitert für Web -Apps!
• ACE Editor - Awesome Webbasierter Texteditor
• Markdown -It - Markdown -Parser richtig gemacht. Schnell und leicht zu verlängern.
• Twitter Bootstrap - Tolle UI -Boilerplate für moderne Web -Apps
• node.js - ereignete E/A für das Backend
• Express - Fast Node.js Netzwerk App Framework @tjholowaychuk
• Schluck - Das Streaming -Build -System
• Breakdance - HTML zum Markdown -Konverter
• JQuery - duh

Und natürlich ist Dillinger selbst Open Source mit einem öffentlichen Repository auf GitHub.

Installation

Dillinger benötigt Node.js v10+ zum Ausführen.

Installieren Sie die Abhängigkeiten und DevDependenzen und starten Sie den Server.

 cd dillinger
npm i
node app

Für Produktionsumgebungen ...

npm install --production
NODE_ENV=production node app

Plugins

Dillinger ist derzeit mit den folgenden Plugins erweitert. Anweisungen zur Verwendung dieser in Ihrer eigenen Anwendung sind unten verknüpft.

Plugin	Readme
Dropbox	Plugins/Dropbox/Readme.md
Github	Plugins/Github/Readme.md
Google Drive	Plugins/googledrive/readme.md
OneDrive	Plugins/OneDrive/Readme.md
Medium	Plugins/Medium/Readme.md
Google Analytics	Plugins/Googleanalytics/Readme.md

Entwicklung

Willst du einen Beitrag leisten? Großartig!

Dillinger verwendet Gulp + Webpack für die schnelle Entwicklung. Nehmen Sie eine Änderung in Ihrer Datei vor und sehen Sie Ihre Updates sofort an!

Öffnen Sie Ihr Lieblingsterminal und führen Sie diese Befehle aus.

Erster Tab:

node app

Zweite Tab:

gulp watch

(optional) dritten:

karma test 

Gebäude für Quelle

Für die Produktionsveröffentlichung:

gulp build --prod

Erzeugen Sie vorgefertigte Zip-Archive zur Verteilung:

gulp build dist --prod

Docker

Dillinger ist sehr einfach zu installieren und in einem Docker -Container bereitzustellen.

Standardmäßig enthält der Docker Port 8080, wodurch dies bei Bedarf innerhalb der Dockerfile geändert wird. Wenn Sie fertig sind, verwenden Sie einfach die Dockerfile, um das Bild zu erstellen.

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

Dadurch wird das Dillinger -Bild erzeugt und die erforderlichen Abhängigkeiten einbezogen. Stellen Sie sicher, dass Sie ${package.json.version} mit der tatsächlichen Version von Dillinger ausgeben.

Führen Sie nach Abschluss das Docker -Bild aus und kartieren Sie den Port auf alles, was Sie auf Ihrem Host wünschen. In diesem Beispiel kartieren wir einfach Port 8000 des Hosts in Port 8080 des Docker (oder in dem Port, der in der Dockerfile ausgesetzt war):

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

HINWEIS: --cap-add=SYS_ADMIN ist für das PDF-Rendering erforderlich.

Überprüfen Sie die Bereitstellung, indem Sie in Ihrem bevorzugten Browser zu Ihrer Serveradresse navigieren.

127.0.0.1:8000

Lizenz

MIT

Kostenlose Software, Hölle ja!