Как я могу создать свой собственный wysiwyg-редактор со своим собственным стилем?

Я хочу создать свой собственный редактор со своим собственным стилем, я пытался редактировать пару редакторов jquery, но не могу получить то, что хочу.

Вот пример фото того, что я хочу:

введите здесь описание изображения

Я закончил эту панель в HTML, и она выглядит именно так, как я хочу, поэтому следующим шагом будет добавление действий к этим кнопкам.

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

если есть какой-то способ сделать текст жирным, например, когда пользователь нажимает жирную кнопку.

Мы можем легко сделать это с помощью jQuery, если это какой-то элемент DIV, но это текстовое поле, и я не знаю, как это сделать.

Извините за плохой английский.


person Saleh    schedule 08.02.2011    source источник
comment
Вы спрашиваете нас, как запрограммировать редактор WYSIWYG? Это трудная задача. Почему бы вам не начать с использования TinyMCE и его настройки.   -  person Adam    schedule 08.02.2011


Ответы (1)


То, что вы хотели бы найти, для редактора по вашему выбору — это некий API для прямого выполнения команд вместо использования встроенной панели инструментов редактора. Это может выглядеть примерно так: «ExecuteCommand («полужирный»)». Затем вы просто подключите свои кнопки, чтобы сделать это.

person Jason Miesionczek    schedule 08.02.2011