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

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

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


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


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

Сообщений 101 страница 110 из 110

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

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

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

Визуальный редактор использует в своём составе цитирование с BB-кодами как неотъемлемую часть.
Актуальная версия цитирования с BB-кодами разработана по заказу команды ForumD.ru и распространяется на условиях, обозначенных в сообщении по ссылке выше.
Если вы желаете установить цитирование с BB-кодами отдельно от визуального редактора, используйте установочный код из первоисточника.

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

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

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

+15

101

Тоха написал(а):

А здесь есть обновленная версия Цитирования с ВВ кодами? Вот эта версия Актуальна?

Да, это актуальная версия BB-цитирования.
Она же включена в визуальный редактор: если он используется на форуме, отдельно bbquote.js устанавливать не надо.
Стоит отметить, что создание этой версии BB-цитирования проспонсировано командой ForumD.ru, поэтому скрипт официально распространяется только там, на условиях, указанных в теме: https://forumd.ru/viewtopic.php?id=7965

0

102

Alex_63
Есть такая возможность в визуальном редакторе, например берем адрес ссылки(или копируем) фото из сети, копируем его и вставляем в форму ответа. И редактор сам его оборачивает в теги img? Есла да Я думаю его стоит себе поставить.

Отредактировано Тоха (Ср, 26 Мар 2025 11:34:21)

0

103

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

При нажатии на кнопку "Цитировать" или при выделении текста и нажатии на кнопку "Цитировать", в форму быстрого ответа в режиме WYSIWYG  цитата отображается нормально
А после отправки сообщения она имеет такой вид:

У меня такая же проблема) Только после отправки "Сообщение от Сообщение" не появляется, но убирается автор) Вроде первую версию скрипта использую

0

104

Тоха написал(а):

например берем адрес ссылки(или копируем) фото из сети, копируем его и вставляем в форму ответа. И редактор сам его оборачивает в теги img?

В случае с картинкой из буфера обмена - если возможно, редактор оборачивает её в тег изображения. При копировании нужно именно копировать картинку, а не URL или адрес ссылки. В ином случае вставится в виде URL (как текст, с дальнейшим оборачиванием в тег ссылки).
В общем-то можете на этом форуме попробовать и убедиться, является ли нынешнее поведение визуального редактора ожидаемым или нет.

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

Только после отправки "Сообщение от Сообщение" не появляется, но убирается автор) Вроде первую версию скрипта использую

Где можно потестировать (лучше адрес конкретного поста с проблемой) и как воспроизвести?

+1

105

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

Где можно потестировать (лучше адрес конкретного поста с проблемой) и как воспроизвести?

Такое на всех постах происходит, но потестировать можно здесь (открыто для гостей)
А как воспроизвести — просто процитировать любое сообщение в теме и отправить

0

106

Alex_63
А вот в визуальном редакторе есть Автоуменьшение больших фото? Если нет то где можно найти такой скрипт, желательно чтобы был адаптирован по утилиту Майбб и под Визуальный редактор. И еще для непонимающих пользователей добавить в скрипт Центрирование фото по Центру.

Отредактировано Тоха (Пт, 28 Мар 2025 14:27:35)

0

107

Тоха написал(а):

Alex_63
А вот в визуальном редакторе есть Автоуменьшение больших фото? Если нет то где можно найти такой скрипт, желательно чтобы был адаптирован по утилиту Майбб и под Визуальный редактор. И еще для непонимающих пользователей добавить в скрипт Центрирование фото по Центру.

У меня CSS скрипт просто уменьшает размеры картинки до 400px в обычном режиме просмотра и до 350px в мобильном (оптимальный размер определен экспериментально). Более "правильно" всё это прописать в относительных единицах, но и так тоже получается неплохо)

Центрирование картинок точно так же делается, как и для текста - кнопкой в форме быстрого ответа :)

+1

108

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

У меня CSS скрипт просто уменьшает размеры картинки до 400px в обычном режиме просмотра и до 350px в мобильном (оптимальный размер определен экспериментально). Более "правильно" всё это прописать в относительных единицах, но и так тоже получается неплохо)

Центрирование картинок точно так же делается, как и для текста - кнопкой в форме быстрого ответа :)

Мне вот Понравилось что у тебя на форуме есть Скприпты и все Актуальы и все Красиво размещено.

+1

109

Тоха написал(а):

Автоуменьшение больших фото? Если нет то где можно найти такой скрипт, желательно чтобы был адаптирован по утилиту Майбб и под Визуальный редактор.

Новый загрузчик изображений (Imgur+Instagram, добавка перетаскиванием) позволяет вставлять изображения из буфера обмена прямо в форму ответа с возможностью последующей загрузки в файлы форума или на другие доступные хостинги (при этом можно выбрать размер, до которого будет уменьшено изображение, а также размер превью). С визуальным редактором, MyBBCode и стандартными возможностями MyBB - совместимость полная.

0

110

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

Такое на всех постах происходит, но потестировать можно здесь (открыто для гостей)

У вас стоит модификация аватары в цитате от Герды, не уверен что с ней визуальный редактор будет корректно работать (да и BB-цитирование). Попробуйте поставить исходную версию с этого форума (из темы Скрипты от пользователей 3).
Это во-первых, а во-вторых BB-цитата уже включена в состав визуального редактора, её не нужно устанавливать повторно, вероятно что это и есть основная причина некорректной работы визуального редактора (код ниже - нужно удалить):

Код:
<!-- BB-цитирование © Alex_63, 2024 -->
<script type="text/javascript" src="https://forumstatic.ru/f/su/1bb/bbquote.js?v=1"></script>

0


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