Обтекание контента в пользовательских тегах в Javascript и WYSIWYG

Question

Итак, просто базовый HTML-редактор для использования на веб-сайте, где я могу выбрать любой текст/элементы, нажмите кнопку, и он перенесет указанный выбор в мои настраиваемые теги. Содержимое редактора также должно сохранять его значение в текстовом поле в фоновом режиме, чтобы оно могло быть отправлено на сервер.

Мне нужно обернуть некоторый контент в тегах <description></description>, поскольку парсер HTML на стороне сервера вытащит только этот контент для представления результатов поиска. Кажется, я не могу найти какой-либо редактор, который будет иметь эту функцию из коробки, чтобы говорить или позволить создать простое расширение, чтобы разместить кнопку и действие для нее.

Также любой редактор, который может работать в текстовом редакторе, является бонусом. У меня нет большого опыта с ними, но это немного раздражает, что когда вы нажимаете кнопку ввода, он просто копирует все теги выше, чем это было, это оставляет мне просто положить </br> на первой строке, чтобы все разрывы строк были однострочными и не более, как в случае с параграфами.

Answer 1

Технически пользовательские теги не допускаются в HTML

https://stackoverflow.com/a/2802715/315168

Вы можете использовать атрибуты данных HTML5, CSS классы вместо и общих <div> и <span> элементов при разметке текста.

Для WYSIWYG: любой редактор Javscript WYSIWYG будет выполнять ваши собственные настройки. Однако не ожидайте, что такая функциональность будет реализована из коробки, поскольку это очень узкий вариант использования. Но создание такой функции для любого редактора - это просто вопрос изучения API-интерфейсов редактора, как это сделать - nothign предотвращает вас. Все редакторы WYSIWYG основаны на свойстве HTML contentEditable, поэтому они внутренне почти одинаковы.

Выберите TinyMCE, если вы с ним знакомы. Если вы хотите просмотреть другие параметры, вам будет просто прост Google.

http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors