10 Javascript WYSIWYG и Markdown визуальных редакторов

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов

Несмотря на то, что WYSIWYG и Markdown визуальные редакторы имеют ограниченные возможности по сравнению с редакторами исходного кода, они могут значительно упростить редактирование базового контента страницы. Поэтому в данном посте мы собрали самые лучшие WYSIWYG и Markdown визуальные редакторы контента, которые могут быть использованы как в бэкэнд, так и в фронтэнд разработке сайта.

ContentTools

Наиболее оригинальный текстовый из данной подборки. Однако, он подойдет не для всех проектов из-за его специфичности.

ContentTools внедряется в саму страницу с контентом. Чтобы начать ее редактировать, нужно нажать на соответствующую иконку, после чего появится панель редактирования контента. Это очень удобно, так как при создании материала мы сразу видим, как он будет выглядеть на странице.

Лично мне кажется, что он отдаленно похож на редактор Evernote, но с другой панелью инструментов.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


AlloyEditor

Визуальный редактор контента AlloyEditor построен на базе популярного CKEditor. Он очень похож на редактор Medium.com и обладает довольно широкими функциями, такими как: Drag&Drop загрузка изображений, различные стили оформления панели инструментов и пр.

Это тот редактор, которым действительно приятно пользоваться.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown визуальных редакторов


SimpleMDE

Синтаксис Markdown довольно сложен для его понимания рядовому пользователю у которого цель просто добавить контент на страницу. Разработчики SimpleMDE попытались сделать Markdown редактор таким, чтобы в нем мог работать любой человек, даже без особых технических знаний.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


Substance

Substance – это простой визуальный редактор контента на JavaScript. С ним с легкостью сможет работать любой пользователь, который решит добавить контент на ваш сайт.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


Editor.md

Встраиваемый онлайн markdown редактор с открытым исходным кодом. Для удобства использования он разделен на две части. Слева — традиционная Markdown-разметка, а справа находится визуальное представление контента.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


MediumEditor

Этот плагин расширяет возможности MediumEditor (копии medium.com WYSIWYG редактора) и дает возможность пользователям вставлять в редактор различные виды контента (в зависимости от доступных аддонов).

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


Trumbowyg

Trumbowyg – это небольшой плагин редактора контента с красивым дизайном и мощным API.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


WYMeditor

WYMeditor – это онлайн WYSIWYM редактор с открытым исходным кодом, который учитывает семантику и все стандарты. Он фокусируется на предоставлении простой среды для редактирования контента.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


плагин markdown редактора

Bootstrap-Markdown созданный для легкого встраивания в ваш сайт на Bootstrap. Он предоставляет достойный API, который позволяет вам гибко интегрировать плагин.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов


Markdown Plus

Мощный markdown редактор. Он поддерживает оглавление, сноски, список задач, эмоджи, Font Awesome, математические формулы, блок-схемы, циклограммы, диаграммы Гантта, Vim режим и режим Emacs.

jQuery плагины и JavaScript решения: 10  Javascript WYSIWYG и Markdown редакторов
Напишите свой комментарий
comments powered by HyperComments