tartar1 написал(а):

вот со стилем Таймс было вставлено

Работает, вы так и не сказали, какой браузер у вас.

Давно назревал вопрос о внедрении на форумы
полноценного WYSIWYG-редактора в форме ответа.
Этот скрипт — первая попытка воплотить данную идею в жизнь,
не используя каких-либо сторонних решений:

WYSI — визуальный редактор сообщений
Создан специально для форумов MyBB

Описание

• WYSI — визуальный редактор, созданный с нуля специально для форумов MyBB. Таким образом, главная его особенность — полная совместимость со всеми стандартными тегами форматирования сообщений, включая блочные (цитаты, код, спойлеры и т.д.). Кроме того, имеется возможность добавлять обработку пользовательских тегов, добавленных через стандартную форму в Администрировании. Отформатированный текст в форме ответа будет выглядеть так же, как и в уже отправленном сообщении.

• Имеется возможность в любой момент переключиться в классический режим BB-кодов и обратно (с запоминанием выбора). Внизу формы ответа для этого доступны опции [ BBCode ] и [ WYSIWYG ] соответственно.

• С визуальным редактором по умолчанию работает весь стандартный функционал формы ответа, но не ограничиваясь этим. В целях удобства и простоты использования добавлен дополнительный функционал, например, очистка форматирования (в секции Дополнительно), функции для работы с таблицами или форматирование с использованием горячих клавиш.

• Реализована подсветка элементов управления (кнопок форматирования), которые применены к выделенному участку введенного текста, как и в полноценных текстовых редакторах (см. скриншот). Повторное нажатие на элемент приводит к снятию соответствующего типа форматирования.

• В числе прочего, скрипт предназначен для упрощения взаимодействия и улучшения пользовательского опыта в работе с формой ответа, поэтому в дальнейшем планируется заменить им существующие устаревшие решения, в частности, Мгновенный предпросмотр сообщений.

• В скрипте имеется поддержка расширенного функционала от сервиса, такого как HTML в сообщениях. HTML-вставки можно редактировать в реальном времени и сразу же видеть результат.

• Визуальный редактор предусматривает частичную поддержку имеющихся сторонних решений для формы ответа, например, скрипты смены регистра или раскладки выделенного текста.

• Реализована совместимость с утилитой MyBBCode от @kozhilya (подробнее см. здесь), что позволяет обрабатывать любые элементы (в том числе пользовательские BB-теги) в редакторе таким же образом, как они будут обработаны в сообщениях.

• Встроенная поддержка "быстрого" редактирования и отправки сообщений с использованием AJAX. Предпросмотр в режиме визуального редактора отключен за ненадобностью, но включается и работает привычным образом в режиме BB-кодов.

• Имеется поддержка вставки форматированного текста из текстовых редакторов, например Word, с сохранением основного форматирования (начертание, цвет, размер и т.п.) и обратно. При вставке содержимого в виде BB-кодов они также автоматически преобразуются в визуальный формат. 

• Поддерживаются все современные браузеры. Функционал доступен в полной мере также и на мобильных устройствах.

Установка и подключение

Функционал является экспериментальным, ввиду отсутствия прецедентов реализации чего-то подобного на MyBB.
В связи с этим на данном этапе (на время предварительной отладки) визуальный редактор предоставляется в формате закрытого бета-тестирования.
Чтобы получить установочный код и инструкцию, обращайтесь в личные сообщения, указав адрес вашего форума.

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

При необходимости предоставлю помощь в адаптации существующих на вашем форуме пользовательских тегов и других возможностей под использование совместно с визуальным редактором.

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

Поскольку функционал экспериментальный и на данный момент проходит этап бета-тестирования, возможно наличие ошибок и некорректной работы в некоторых случаях, в случае обнаружения таковых просьба сообщать об этом в данной теме.

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

Romych
Идея у меня ещё года с 2015 крутилась в голове, но опыта маловато было для реализации, да и с тогдашними возможностями браузеров это было бы сложнее )
Визуальный редактор на основе contenteditable сам по себе не такая уж сложная вещь, но когда речь идет о том, чтобы его адаптировать именно под форму ответа и разметку MyBB - вот тут уже приходится попотеть )

Насчёт массового внедрения говорить пока рано, т.к. функционал ещё сырой, есть проблемы, которые понемногу стараюсь устранять (с момента установки на ЕТП выловил и пофиксил уже несколько критичных багов).

kozhilya
Git репозитория не держу, пишу по-старинке ) Разработка не публичная, но могу дать доступ к исходнику и тестовому форуму, на котором собственно занимаюсь отладкой, сейчас основная проблема наверно только с мобильными устройствами, пока не понятно как там обрабатывать нажатие backspace для корректного удаления блочных тегов, на десктопе всё работает, а под Android keydown не отслеживается нормально и preventDefault у событий ввода не вызывается ) Ну и плюс тот баг, о котором выше писал @C3La-NS .

Кстати, твоя утилита MyBBCode пришлась как нельзя кстати, без неё было бы проблематично без костылей обрабатывать кастомные теги и прочее содержимое постов ) Беда только в том, что большинство форумов её не используют, а ставят устаревшие скрипты, написанные ещё когда ajax-отправки не было даже в планах...

Поэтому было принято решение создавать с нуля свою реализацию, пусть не без косяков (на данном этапе), зато максимально адаптированную к нашим форумам )