Редакторы На Jquery

Краткий список WYSIWYG редакторов / Хабрахабр. Однажды мне потребовался WYSIWYG редактор, я помнил как он выглядит, его функции, но не помнил названия. Через 4. 5 минут я все же его нашел.

Цель, которой я руководствовался, заключался в том, чтобы систематизировать существующие данные, разбросанные по интернету. Tiny. MCE. Один из самых распространенных визуальных редакторов, обладает недюжинным функционалом. Есть множество дополнений, по умолчанию установлено множество плагинов.(Браузеры: Mozilla 1. MSIE 5. 5+, Opera 9.

Markitup – это плагин для jQuery, который позволяет вам превратить обычное поле ввода текста в редактор тэгов и форматирования. Введение Всех приветствую! Совсем недавно мне пришлось немного расширить функционал редактора одного проекта. Однажды мне потребовался WYSIWYG редактор, я помнил как он align'ы) Важно заметить, что Imperavi работает как плагин к JQuery. Поскольку на сайте использовался чудесный JavaScript фреймворк jQuery, я подумал, — «А почему бы не найти какой либо другой. Сначала подключаем сам редактор и jQuery. Как осуществить задержку при нажатии клавиши с помощью jQuery? К сожалению, таблицы входят в минимальные требования к редактору.

Несмотря на то, что WYSIWYG и Markdown&nbsp. Free cross-browser WYSIWYG editor Красивый кроссбраузерный редактор, но так как он не на jQuery, то пропустим его обозрение. Визуальные редакторы на основе jQuery Этот визуальный редактор (WKRTE), возможно, был бы хорош, если бы модульные окна (вставка изображения, ссылки). Sublime Text любят многие. Даже флудеры с хабра положительно отзываются об этом программерском редакторе!

Safari, Chrome). . Но сделан вполне добротно, качественно реализованы все функции. Обладает стандартным функционалом.(Браузеры: Firefox 1. Opera 9. 5. 0+, Safari 3. Internet Explorer 5. Google Chrome). .

Обладает широким функционалом. Сделан очень качественно.(Браузеры: Firefox 3. Opera 1. 0+, Safari 3. Internet Explorer 7+, Google Chrome). Обладает стандартным функционалом.(Браузеры: Firefox 1. Opera 9+, Safari 3.

Internet Explorer 5. Google Chrome). .

Существует ряд ошибок связанных с переходом от html к визуальному редактору и обратно. Но если вы знаете html, то он может оказаться вполне удобным. Однако существует огромный минус, который затмевает почти все плюсы — это отказ от поддержки старых и не очень браузеров (доступны только последние версии браузеров).(Браузеры: Требуется поддержка HTML5, Opera не поддерживается). Он поддерживает функцию предварительного просмотра отредактированного содержимого, а также размещение ссылок, изображений, видео и таблиц. Загрузка файлов может быть осуществлена посредством интерфейса drag'n'drop.

Mercury может быть установлен в качестве отдельного Rails, либо за счет внедрения в код страницы. Как справедливо заметил sdevalex, один из лучших визуальных редакторов.

Обладает исчерпывающим функционалом, поддерживает подавляющим большинством браузеров. Он даже включает в себя привлекательные выпадающие меню и кнопки. К сожалению, Chrome не будет поддерживать его.(IE 5. Firefox 1. 0+, Mozilla 1.

Netscape 7+). . По большей части, редактор является демонстрацией возможностей HTML- 5, нежели готовым продуктом.(Как следует из названия, требуется поддержка HTML5). Если вы нашли, что какой- либо визуальный редактор отсутствует, всенепременно напишите мне об этом, я буду вам очень благодарен.

UPD 0: поправил название. UPD 1: дополнил описание YUI Rich Text Editor (спасибо sdevalex). UPD 2: добавил j. Wysiwyg (спасибо mr. UPD 3: добавил Реформатор (спасибо kuber). UPD 3: добавил Реформатор (спасибо kuber). UPD 4: исправлено: Imperavi стал платным.

P. S: 1. Если топик не актуален, напишите, уберу.

WYSIWYG- редакторов текста и HTML для ваших проектов. Дать пользователям возможность форматирования текста без изучения дополнительного кода – это то, над чем разработчики усердно стараются последние несколько лет. И все не напрасно, они уже добились значительно прогресса.

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

Tiny. MCE, наверное, самый «завершенный» редактор в нашей сегодняшней подборке. Редактор разработан на его основе, и нацелен на то, чтобы исправить, с чем возникали проблемы в FCKEditor. В результате мы получаем высокопродуктивный WYSIWYG- редактор, который предлагает все функции, которыми вы обычно пользуетесь в MSWord или Open Office. YUI Rich Text Editor.

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

Html, Wiki и BBcode – это всего лишь немногое из того, что предлагает плагин. Markitup – это не WYSIWYG- редактор, но это не делает его хуже, так как он предлагает вам весь требуемый функционал.

Внешний вид редактора очень напоминает Microsoft Word. В бесплатной версии действительно не так много функций, но есть все требуемые. Moo. Editable вполне заполняет этот разрыв, представляя собой простую, но очень эффективную javascript- библиотеку. Если вы фанат Mootools, то у вас не возникнет с ней проблем. Он даже включает в себя привлекательные выпадающие меню и кнопки. К сожалению, Chrome не будет поддерживать его. Spaw Editor - сайт умер.

Spaw Editor – это редактор WYSIWYG, который позволяет разработчикам веб- сайтов заменить стандартные текстовые поля на управляемый HTML- редактор, с широким рядом настроек, на многих языках и с возможностью менять внешний вид. Целью плагина является простота и легкость в использовании. Он включает в себя все требуемые функции. Вы можете настраивать внешний вид, функции, и языки.