Небольшой пользовательский редактор WYSIWYG

Я бы сделал небольшой WYSIWYG-редактор, похожий на тот, который используется в StackOverflow. По сути, у него будут такие кнопки, как [quote], и при нажатии этой кнопки [quote] [/quote] должен быть вставлен в текстовое поле, где находится курсор, или в конец всего остального текста. Если бы [quote][/quote] можно было каким-то образом выделить, это было бы еще лучше, но это не обязательно.

Есть ли уже доступный редактор WYSIWYG, в котором вы можете добавлять пользовательские кнопки, в результате чего пользовательский текст добавляется в текстовое поле?


javascript jquery wysiwyg
person Ali    schedule 25.03.2010    source источник

Ответы (6)


arrow_upward
9
arrow_downward

На этот блог.

person Dan Diplo    schedule 25.03.2010
comment
Спасибо, я использовал JQuery MarkItUp из этого списка, он позволяет добавлять настраиваемые кнопки с настраиваемым выводом. Очень круто! - person Ali; 26.03.2010

arrow_upward
5
arrow_downward

Почему бы не использовать WMD Editor (тот, который используется stackoverflow) и настроить доступные кнопки?

person mmutilva    schedule 25.03.2010

arrow_upward
1
arrow_downward

TinyMCE Мне подходит.

person Austin Fitzpatrick    schedule 25.03.2010

arrow_upward
1
arrow_downward

Конечно, используйте тот же stackoverflow.

person jvenema    schedule 25.03.2010

arrow_upward
1
arrow_downward

Stack Overflow использует для форматирования Markdown. Поскольку Markdown значительно проще создавать и обрабатывать, чем HTML, я полагаю, что есть много хороших вариантов. Этот, похоже, соответствует всем функциям того, который используется Stack Overflow, возможно, он такой же один!

Если вы ищете что-то не-Markdown, то вам могут подойти TinyMCE или CKEditor.

person bcherry    schedule 25.03.2010
comment
Не уверен, что Джефф такой большой поклонник - codinghorror .com / blog / 2009/12 / - person Dan Diplo; 26.03.2010
comment
Я обнаружил, что на основе других ответов, опубликованных помимо моего :) Это тоже выглядит потрясающе, и я думаю, что скоро я интегрирую его во все ... - person bcherry; 26.03.2010

arrow_upward
-1
arrow_downward

Вы можете использовать Microsoft Expression Web, это бесплатно и поставляется в комплекте с другими приложениями выражений. Это сработало для меня очень хорошо, и у меня не было с этим проблем. Также W3Schools является отличным источником руководств по коду и тому подобного.

person Sean    schedule 30.03.2010