2011-01-16 2 views
2

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

ответ

0

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

+0

Это отличается. Очень, очень разные. –

+0

с TinyMCE можно разрешить только пару кнопок? Как только разрешить пользователям делать BOLD, Italic и размер шрифта? –

+0

Больше не нужно: Да, вы можете это сделать. – Cadoc

4

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

+0

Я прочитал дюжину разных SO вопросов по этой линии мысли, и это первое упоминание о «contentEditable», с которым я столкнулся. Именно то, что я искал, +1. –

2

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

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

0

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

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

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

Смежные вопросы