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

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

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


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


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

Сообщений 81 страница 90 из 90

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

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

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

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

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

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

+14

81

POLIGON
Есть такое, о проблеме известно, будет со временем решаться.

0

82

@Alex_63  Визуальный редактор  "съедает" тег красной строки (абзаца)  [indent], скрипт отсюда:

Красная строка, она же отступ в абзаце

0

83

Merlin777
Для обработки тега indent в редакторе нужно добавить соответствующее правило, напишу как доберусь до компьютера.

+1

84

Merlin777
Добавьте после визуального редактора в HTML в форме ответа такой код:

Код:
<!-- Форма ответа: Обработка кастомных тегов в визуальном редакторе -->
<script>
WYSI.extend({
    'indent': ['.custom_tag_indent', '[indent]', '']
});
</script>

+2

85

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

POLIGON
Есть такое, о проблеме известно, будет со временем решаться.

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

+1

86

Здравствуйте :)

1) Форум не показывает встроенные видео от сервиса  RuTube (https://rutube.ru/), через рутубовский код "вставки плеера" (в обрамлении html тегов) тоже не работает.

2) Я поставил скрипт хештегов, т.е. поиска по словам с решёткой типа такого #хэштег и хотелось бы, чтобы при цитировании сообщения хэштеги вырезались (чтобы не засорять поиск вторичными хэштегами), ну или чтобы была возможность  как-нибудь при цитатах отключать показ слов с решёткой # при цитировании.

3) Когда при плохой связи контент из визуального редактора не отправляется, то все юзеры нажимают кнопку отправки ещё раз и сообщение дублируется. Предлагаю сравнивать с последним сообщением от этого ника за N минут (за 5 минут например) и выдавать надпись "Ваше сообщение совпадает с оправленным N минут назад".

0

87

Merlin777
Всё упомянутое слабо относится к визуальному редактору, а 1 и 3 пункты так и вообще скорее нужно на уровне движка форумов решать. С хэштегами в цитатах посмотрю, что можно сделать.

+1

88

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

Вообще не ожидается, что картинку будут в тег цвета оборачивать, как минимум )

Это на форуме так тег настроен - сжатие размеров изображения вставленных по ссылки из сети )

0

89

Зашла оставить хороший фидбек про редактор. На моём форуме он установлен почти с момента появления функционала. И за это время он улучшился намного. По началу им было... тяжеловато пользоваться. Временами бесил, например, форматировался текст с задержкой и тормозами или нажимаешь, а оно не выделяется жирным (например). Но сейчас стало раз в 10 лучше и шустрее. Я уже почти не замечаю тормозов и глюков, да и без визуального редактора уже как-то непривычно.

В общем, Алекс, спасибо большое за работу!

+2

90

Мэрилин Мэрис
Благодарю за отклик! )
Впереди ещё много работы, несмотря на большой объём уже проделанных усовершенствований - всё ещё сохраняются некоторые баги, создающие неудобства в использовании редактора. Следующий этап - открытый бета-тест для всех желающих, думается, что уже скоро )

+1


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