Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Новые возможности форумов » WYSI — визуальный редактор сообщений


WYSI — визуальный редактор сообщений

Сообщений 61 страница 66 из 66

1

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

WYSI — визуальный редактор сообщений
Создан специально для форумов MyBB
https://forumupload.ru/uploads/0015/c4/3f/2/613655.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+11

61

Теперь визуальный редактор работает и при заполнении подписи в профиле пользователя.
Как и в форме ответа, точно так же есть возможность переключения в классический режим BB-кодов.
До последнего обновления (версия 0.1.16 beta) визуальный редактор при редактировании подписи включался, но выдавал ошибку.

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

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

+2

62

В связи с многичисленными жалобами на непредсказуемое поведение под Android с некоторыми клавиатурами, внесены правки под мобильные устройства (версии 0.1.20-0.1.22 beta).
Должны устраниться следующие проблемы:

  • дублирование и перемешивание введённого в форму ответа;

  • дублирование тега [you], в том числе частичное, при вводе текста после этого тега;

  • потеря выделения и/или сворачивание экранной клавиатуры при применении форматирования.

Протестировано и отлажено под Emoji&Font Keyboard, GBoard (MIUI 12, Android 10).
При сохранении/появлении новых проблем сообщайте здесь в теме, указывайте используемую оболочку, браузер и клавиатуру.

+4

63

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

В связи с многичисленными жалобами на непредсказуемое поведение под Android с некоторыми клавиатурами, внесены правки под мобильные устройства (версии 0.1.20-0.1.22 beta).
Должны устраниться следующие проблемы:

  • дублирование и перемешивание введённого в форму ответа;

  • дублирование тега [you], в том числе частичное, при вводе текста после этого тега;

  • потеря выделения и/или сворачивание экранной клавиатуры при применении форматирования.

Протестировано и отлажено под Emoji&Font Keyboard, GBoard (MIUI 12, Android 10).
При сохранении/появлении новых проблем сообщайте здесь в теме, указывайте используемую оболочку, браузер и клавиатуру.

Ура, теперь работает замечательно!

+2

64

C3La-NS
Тем временем под SwiftKey обнаружились новые баги, работаю дальше )

+1

65

Вот фидбек от админов на моём форуме:

       
https://forumupload.ru/uploads/0000/14/1c/34864/227606.png
У меня тоже на больших постах (статьи, лонгриды и прочее) редактор тормозит, кстати. Может быть это связано с производительностью устройства с которого работаешь? Но даже если так, то будет здорово если можно как-то это пофиксить для слабых устройств...

+1

66

Мэрилин Мэрис
Да, есть такое, сам замечаю. В процессе будет фикситься.

0


Вы здесь » Единый форум поддержки » Новые возможности форумов » WYSI — визуальный редактор сообщений