Téléchargement markdown online editor - Téléchargement du code source markdown online editor

markdown online editor

Autres ressources

1.0.0

Télécharger

Arya - éditeur de marque en ligne

L'éditeur de Markdown en ligne construit sur la base de Vue2 et VDitor prend en charge les graphiques de flux de dessins, les graphiques Gantt, les graphiques de synchronisation, les listes de tâches, les graphiques Echarts, les quintuples, ainsi que la prévisualisation PPT, l'analyse vidéo et audio et la conversion automatique HTML en marquage. markdown.lovejade.cn.

Intention originale de fond

Au début, j'ai remarqué VDitor produit par黑客派: un éditeur de démarrage de nouvelle génération construit pour l'avenir. Cependant, les éditeurs de Markdown sur le marché ont désormais plus ou moins de problèmes (ou des fonctions incomplètes, ou des frais de fonctionnalités premium ...). Par conséquent, sur la base de ses propres besoins et de la puissance de VDitor, l'idée de faire un éditeur de marque en ligne est née; Il a été nommé Arya (Erya).

Support fonctionnel

Comment utiliser

Effacer le document par défaut actuel dans la zone d'édition ARYA et vous pouvez l'utiliser.

La valeur par défaut est le mode WYSIWYG, qui peut être commuté via ⌘-⇧-M ( Ctrl-⇧-M ); ou à travers les méthodes suivantes:

Ce que vous voyez, c'est ce que vous obtenez: ⌘-⌥-7 ( Ctrl-alt-7 );
Rendu instantané: ⌘-⌥-8 ( Ctrl-alt-8 );
Rendu à l'écran divisé: ⌘-⌥-9 ( Ctrl-alt-9 );

Aperçu PPT

Si vous l'utilisez comme aperçu PPT (l'entrée est dans设置), vous devez noter que les rendus de divers graphiques ne peuvent pas encore être pris en charge ici; Vous pouvez utiliser --- pour définir des lames dans le sens horizontal et utiliser -- pour définir des lames verticales. Pour plus de paramètres, veuillez vous référer au document RevealJS.

Comment déployer?

Déploiement avec PM2

PM2 est un puissant gestionnaire de processus d'environnement de production qui prend en charge non seulement les applications de démarrage via la ligne de commande, mais utilise également des fichiers de configuration (généralement appelés ecosystem.config.js ) pour gérer des scénarios de déploiement complexes. Vous pouvez obtenir un déploiement rapide en exécutant la commande suivante:

 # ? 克隆项目
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 auto-hébergé

La dernière version a été emballée avec Docker et téléchargée sur Docker Hub, qui peut être utilisée comme suit:

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

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

Sur la base de l'exemple ci-dessus, si vous exécutez localement, vous pouvez y accéder en ouvrant l'URL - http: // localhost: 8866. Si vous exécutez sur le serveur, vous pouvez y accéder via http: // [server-ip]: 8866. Pour le processus de création d'une image Docker, voir: Comment construire une image Docker pour le service Markdown-online-Editor? . Vous pouvez également héberger des produits compilés (contenu sous dist ) via des pages CloudFlare ou des pages GitHub, afin d'activer le déploiement rapide sans serveurs .

Ou utilisez Docker Compose :

Créez un fichier docker-compose.yml et définissez le service dedans (où la version: «3» spécifie la version du fichier docker compose; vous pouvez l'ajuster en fonction de la situation réelle):

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

Dans le répertoire contenant le fichier docker-compose.yml , exécutez la commande suivante pour démarrer le service:

docker-compose up -d

Cela commencera le service en arrière-plan et l'effet est le même que la commande docker run ci-dessous. L'utilisation de Docker Compose permet une gestion plus facile de plusieurs conteneurs et des configurations de maintenance plus lisibles et de maintenance.

Comment se développer

Condition préalable

Expliquez certaines conditions préalables que les utilisateurs doivent préparer avant de l'installer et de l'utiliser, telles que: vous devez installer ou mettre à niveau Node.js (> = 16.* , < 18.* ), et il est recommandé d'utiliser PNPM ou YARN comme outil de gestion de package préféré.

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

# ➕ 安装依赖
yarn

# ? 开始开发
yarn start

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

Merci spécial

Arya est née grâce à VDitor: un éditeur de démarrage côté navigateur, et il ne peut pas non plus être séparé de la prise en charge des bibliothèques open source telles que Vue et Reveal.js. Merci?