Создание простого редактора WYSIWYG - PullRequest
Новая
       4

Создание простого редактора WYSIWYG

11 голосов
/ 24 ноября 2011

Я понимаю, что создание WYSIWYG / Rich Text Editor - абсурдная вещь, учитывая множество разных, раздражающих вещей, которые требуются для достижения кросс-браузерной поддержки.Однако для проекта, над которым я сейчас работаю, требуется очень простой редактор WYSIWYG (три варианта: ссылка, полужирный и курсив).

В таком случае я собираюсь потратить столько же времени на настройку иСнизить TinyMCE, чтобы он соответствовал моим требованиям, или задача создания моего собственного довольно проста, учитывая тот факт, что есть только три варианта (и ничего, кроме изменения размера текста или отмены / повторения)?

Кроме того, общий консенсусвсе еще iFrame и designMode или мы значительно продвинулись по пути HTML5, который я могу использовать с contentEditable?

1 Ответ

4 голосов
/ 30 ноября 2011

Вы должны задать себе один вопрос, чувствуете ли вы удачу ^ H ^ H ^ H ^ H ^ H ^ H ^ H ^ H Вы хотите сохранить указанный редактор WYSIWYG?

Два года назад я думал, что это будет хорошей идеей. Я взял редактор, используемый здесь на stackoverflow. Удалил весь код пользовательского интерфейса и переписал все это с нуля, сохранив только часть анализа уценки. И позвольте мне сказать вам, что уценка намного проще, чем HTML / WYSIWYG. Конечный JavaScript, только пользовательский интерфейс, содержит более 1600 строк кода, и на создание первого прохода полной функциональности ушло около 2 недель.

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

А как насчет вас - настолько ли важен этот WYSIWYG-редактор для критически важной части вашего приложения, что теперь вы готовы потратить половину своего времени на его поддержку - ИЛИ? приложение настолько сильно превосходит важность этого единственного элемента вашего пользовательского интерфейса, что вы можете «перевернуть его» на TinyMCE?

Кроме того, помимо TinyMCE, доступно гораздо больше опций, которые вы можете использовать в качестве отправной точки.

...