Лучший ввод текстовой области

Question

Когда вы задаете вопрос о переполнении стека, вы получаете текстовое поле с параметрами, такими как «жирный шрифт», «курсив», «добавить гиперссылку» и все.Я хочу сделать то же самое ... Но как бы я это сделал?Есть ли примеры этого?Я уверен, что в Интернете что-то есть для этого.Любая помощь будет принята с благодарностью.Спасибо!

Answer 1

При очень грубом высокоуровневом просмотре эти модные онлайн-редакторы - это просто div, для которого атрибут contentEditable имеет значение true. кнопки, меню и т. д. - просто пушистые дополнения.

Answer 2

Вы можете попробовать поиск в Google для плагинов wysiwyg, например, плагин CLEditor jQuery http://premiumsoftware.net/cleditor/

Answer 3

Обычно вы должны использовать tinymce и т. Д.

Но, в частности, в Stackoverflow они используют Markdown и простую текстовую область.Несколько кнопок здесь просто вставляют простой текст ascii для символов уценки в текстовое поле

Answer 4

Вы также можете изучить источник для этой веб-страницы. Я рекомендую плагин Firebug для Firefox. Это значительно облегчает навигацию по источнику веб-страницы.

Просто щелкните правой кнопкой мыши элемент html, например текстовую область или кнопку, и выберите «Проверить элемент». Идет прямо к источнику.

Я еще некоторое время не вникал в веб-дизайн, но очевидно, что там много CSS и, возможно, JavaScript, и то, и другое (поскольку они на стороне клиента) вы можете увидеть в исходном коде.

Answer 5

Вы хотите посмотреть W (шляпа) Y (ou) S (ээ) I (s) W (шляпа) Y (ou) G (эт) РедакторыПримеры: TinyMCE , ckeditor