markdown online editor

Arya - онлайн -редактор маркировки

Онлайн -редактор Marckdown, созданный на основе VUE2 и VDITOR, поддерживает диаграммы потока чертежей, диаграммы Гантта, диаграммы времени, списки задач, диаграммы Echarts, Quintuples, а также предварительный просмотр PPT, анализ видео и звука, а также автоматическое преобразование HTML на уценку. markdown.lovejade.cn.

Фоновое оригинальное намерение

В начале я заметил VDITOR, созданный黑客派: редактор отметки следующего поколения, построенный на будущее. Тем не менее, редакторы Marckdown на рынке теперь имеют более или меньшие проблемы (или неполные функции или премиальные функции ...). Поэтому, основываясь на собственных потребностях и силе Vditor, родилась идея создания онлайн -редактора Marckdown; Это было названо Arya (Эрия).

Функциональная поддержка

• ? Обычно основные функции, которые поставляются с парсерами Markdown ;
• ? Блок поддержки потока , диаграммы Гантта , диаграммы времени и списки задач ;
• ? Поддерживает вставку HTML и автоматически преобразование его в Markdown;
• ?? Поддерживает вставку нативных смайликов и установление общих списков смайликов;
• ? Поддержка редактирования контента для сохранения локального хранилища для предотвращения случайных потерь;
• Поддерживает предварительный просмотр в реальном времени , перетаскивать размер основного окна и подсчет символов;
• ? Поддерживает обычно используемые ярлыки клавиши ( вкладка ), а также добавлять и копировать блоки кода;
• Поддержать экспорт PDF, PNG, JPEG и т. Д. Со стилями;
• Обновить Vditor и добавить поддержку для диаграмм echarts ;
• Inject DeplowJS и добавьте поддержку предварительного просмотра PPT ;
• ? Поддерживает проверку и форматирование синтаксиса разметки, чтобы сделать его профессионалом;
• ? Поддерживает хинит и некоторые сайты, видео и аудио -анализ;
• ? Добавить поддержку режима редактирования Wysiwyg ( ⌘-⇧-M );
• ? Добавлены периферические функции, такие как копирование в официальные счета WeChat;

Как использовать

Очистите текущий документ по умолчанию в области редактирования ARYA, и вы можете его использовать.

По умолчанию-режим Wysiwyg, который можно переключать через ⌘-⇧-M ( Ctrl-⇧-M ); или с помощью следующих методов:

• То, что вы видите, это то, что вы получаете: ⌘-⌥-7 ( Ctrl-alt-7 );
• Мгновенный рендеринг: ⌘-⌥-8 ( Ctrl-alt-8 );
• Рендеринг разделения экрана: ⌘-⌥-9 ( Ctrl-alt-9 );

PPT Предварительный просмотр

Если вы используете его в качестве предварительного просмотра PPT (запись находится в设置), вам необходимо отметить, что визуализации различных графиков еще не могут быть поддержаны здесь; Вы можете использовать --- для определения слайдов в горизонтальном направлении и использовать -- для определения вертикальных слайдов. Для получения дополнительных настроек, пожалуйста, обратитесь к документу SpecuitJS.

Как развернуть?

Развертывание с PM2

PM2 - это мощный диспетчер процессов производственной среды, который не только поддерживает начальные приложения через командную строку, но и использует файлы конфигурации (обычно называемые ecosystem.config.js ) для управления сложными сценариями развертывания. Вы можете достичь быстрого развертывания, выполнив следующую команду:

 # ? 克隆项目
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 самостоятельно

Последняя версия была упакована с Docker и загружена в Docker Hub, который можно использовать следующим образом:

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

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

На основании приведенного выше примера, если вы выполняете локально, вы можете получить к нему доступ, открыв URL - http: // localhost: 8866. Если вы работаете на сервере, вы можете получить к нему доступ через http: // [server-ip]: 8866. Для процесса создания изображения Docker см. Как построить изображение Docker для сервиса Markdown-Online-Editor? Полем Вы также можете размещать компилированные продукты (содержимое в рамках dist Directory) через страницы CloudFlare или страницы GitHub, чтобы обеспечить быстрое развертывание без серверов .

Или используйте Docker Compose :

Создайте файл docker-compose.yml и определите службу в нем (где версия: '3' Указывает версию файла Docker Compose; вы можете настроить его в соответствии с фактической ситуацией):

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

В каталоге, содержащем файл docker-compose.yml , запустите следующую команду, чтобы запустить службу:

docker-compose up -d

Это запустит службу в фоновом режиме, и эффект такой же, как команда docker run ниже. Использование Docker Compose позволяет легче управлять несколькими контейнерами и более читаемыми и конфигурациями обслуживания.

Как развить

Предварительные условия

Объясните некоторые предпосылки, которые необходимо подготовить пользователям перед установкой и использованием, например: вам необходимо установить или обновить Node.js (> = 16.* , < 18.* ), и рекомендуется использовать PNPM или пряжу в качестве предпочтительного инструмента управления пакетами.

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

# ➕ 安装依赖
yarn

# ? 开始开发
yarn start

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

Особая благодарность

Арья рождается благодаря Vditor: редактору отметки на стороне браузера, а также не может быть отделен от поддержки библиотек с открытым исходным кодом, таких как Vue и Specual.js. Спасибо?

Связанные ссылки

• Xiaoyao Zizai Xuan
• Судьба знание и сердце
• Вечер Qingyoucaoxuan
• Прощальный сад Цзинсуаня
• Yuran yixiangting
• Джингцинг Сюань Вилла
• Segmentfault
• X (Twitter)

Лицензия

Грань

Copyright (c) 2018-Present, Nicejade.