Базовый редактор javascript wysiwyg

Question

Могу ли я получить объяснение того, как создать редактор wysiwyg с помощью textarea? Все, что мне нужно, чтобы это было в состоянии сделать, - это анализ основных HTML-тегов, таких как жирный шрифт, курсив, подчеркивание и т. Д. Для этого не нужно иметь никаких кнопок для его вставки, я просто хочу иметь текст по умолчанию внутри тегов textarea, которые анализируют HTML.

Пример:

<textarea cols="20" rows="20" name="ok">
<b>wat</b>
</textarea>

Это выведет <b>wat</b> вместо wat внутри текстовой области.

Редактировать: предпочтительным является jQuery

Answer 1

Загляните в атрибут contenteditable. Это поддерживается во многих современных браузерах. Просто добавьте его к элементу и отредактируйте ...

document.getElementById('something').contentEditable = true;

Конечно, это не работает на текстовых. Вам нужно поменять текстовую область на div и сделать это редактируемым. Вам также нужно убедиться, что текстовое поле имеет содержимое (например, innerHTML) div в качестве значения при отправке формы.

Answer 2

Текстовая область не может анализировать HTML-период.(Любой желающий может поправить меня в этом)

Редакторы WYSIWYG, которые вы видите, не находятся в текстовой области, по крайней мере, не так.Я предлагаю использовать готовый редактор, такой как TinyMCE или FCK Editor.

Answer 3

Текстовая область не будет анализировать HTML, но с помощью плагина WYSIWYG редактор заменит текстовую область и даст пользователю возможность просматривать и изменять содержимое. С некоторыми редакторами, такими как TinyMCE, вы можете установить его в простой режим и разрешить только те основы форматирования (полужирный, курсив, подчеркивание, маркеры и т. Д.), Которые вас интересуют. Это помогает избежать загромождения редактора с ненужными инструментами.

Я предлагаю проверить TinyMCE или CKEditor