markdown online editor Download - markdown online editor -Quellcode herunterladen

markdown online editor

Andere Ressourcen

1.0.0

Herunterladen

Arya - Online -Markdown -Editor

Der Online -Markdown -Editor basierend auf VUE2 und VDITOR unterstützt Zeichnungsflussdiagramme, Gantt -Diagramme, Timing -Diagramme, Tasklisten, Echarts -Diagramme, Quintuale sowie PPT -Vorschau, Video- und Audio -Parsing sowie automatische HTML -Konvertierung zum Markdown. markdown.lovejade.cn.

Hintergrund Original Absicht

Schon früh bemerkte ich, dass Vditor von黑客派produziert wurde: ein Markdown-Editor der nächsten Generation für die Zukunft. Die Markdown -Redakteure auf dem Markt haben jedoch jetzt mehr oder weniger Probleme (oder unvollständige Funktionen oder Premium -Funktionen Gebühren ...). Daher wurde die Idee, einen Online -Markdown -Editor zu machen, basierend auf den eigenen Bedürfnissen und der Macht des Vditors. Es hieß Arya (Erya).

Funktionsunterstützung

Wie man benutzt

Löschen Sie das aktuelle Standarddokument im Bearbeitungsbereich von Arya und Sie können es verwenden.

Der Standard ist der Wysiwyg-Modus, der über ⌘-⇧-M ( Ctrl-⇧-M ) umgeschaltet werden kann. oder durch die folgenden Methoden:

Was Sie sehen, ist, was Sie bekommen: ⌘-⌥-7 ( Ctrl-alt-7 );
Sofortiges Rendering: ⌘-⌥-8 ( Ctrl-alt-8 );
Split Screen-Rendering: ⌘-⌥-9 ( Ctrl-alt-9 );

PPT -Vorschau

Wenn Sie es als PPT -Vorschau verwenden (der Eintrag befindet sich in设置), müssen Sie feststellen, dass hier noch nicht unterstützt werden kann. Sie können verwenden --- , um Objektträger in horizontaler Richtung zu definieren und vertikale Objektträger zu -- . Weitere Einstellungen finden Sie im Dokument für Enthüllungsjs.

Wie kann ich bereitstellen?

Bereitstellung mit PM2

PM2 ist ein leistungsstarker Prozessmanager für Produktionsumgebungen, der nicht nur die Startanwendungen über die Befehlszeile unterstützt, sondern auch Konfigurationsdateien (normalerweise als ecosystem.config.js bezeichnet) verwendet, um komplexe Bereitstellungsszenarien zu verwalten. Sie können eine schnelle Bereitstellung erreichen, indem Sie den folgenden Befehl ausführen:

 # ? 克隆项目
git clone https://github.com/nicejade/markdown-online-editor.git
cd markdown-online-editor

# ➕ 安装依赖
yarn
yarn global add pm2

# ? 构建产物
yarn build

#  部署服务
cd dist
npx pm2 start " npx http-server -p 8866 " --name " markdown-editor "

Docker selbst veranstaltet

Die neueste Version wurde mit Docker verpackt und auf Docker Hub hochgeladen, was wie folgt verwendet werden kann:

docker run -d -p [Your-Specified-Port]:80 nicejade/markdown-online-editor:[tagname]

# 示例：
docker run -d -p 8866:80 nicejade/markdown-online-editor:latest

Basierend auf dem obigen Beispiel können Sie, wenn Sie lokal ausführen, durch Öffnen der URL - http: // localhost: 8866 zugreifen. Wenn Sie auf dem Server ausgeführt werden, können Sie über http: // [server-ip]: 8866 darauf zugreifen. Für den Prozess des Erstellens eines Docker-Images siehe: Wie erstellt man ein Docker-Image für den Markdown-Online-Eduor-Service? . Sie können auch kompilierte Produkte (Inhalt im dist -Verzeichnis) über Cloudflare -Seiten oder Github -Seiten hosten, um eine schnelle Bereitstellung ohne Server zu ermöglichen.

Oder verwenden Sie Docker Compose :

Erstellen Sie eine docker-compose.yml Datei und definieren Sie den Dienst in IT (wobei Version: '3' die Version der Docker-Komponierungsdatei angibt; Sie können sie gemäß der tatsächlichen Situation anpassen):

 version : ' 3 '
services :
  markdown-editor :
    image : nicejade/markdown-online-editor:2.1.0
    ports :
      - " 8866:80 "
    restart : always

Führen Sie im Verzeichnis mit der Datei docker-compose.yml den folgenden Befehl aus, um den Dienst zu starten:

docker-compose up -d

Dadurch wird der Dienst im Hintergrund gestartet und der Effekt ist der gleiche wie der Befehl docker run unten. Die Verwendung von Docker Compose ermöglicht eine einfachere Verwaltung mehrerer Container sowie lesbare Konfigurationen und Wartungskonfigurationen.

Wie man sich entwickelt

Voraussetzungen

Erläutern 18.* einige Voraussetzungen, die 16.* vor der Installation und Verwendung vorbereiten müssen, z.

 # ? 克隆项目
git clone https://github.com/nicejade/markdown-online-editor.git
cd markdown-online-editor

# ➕ 安装依赖
yarn

# ? 开始开发
yarn start

#  部署 Github Pages(需修改 commands/deploy.sh)
yarn deploy

Besonderer Dank

Arya wird dank Vditor: Ein Browser-Side-Markdown-Editor geboren und kann auch nicht von der Unterstützung von Open-Source-Bibliotheken wie Vue und Discover.js getrennt werden. Danke schön?