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

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

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


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


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

Сообщений 1 страница 20 из 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

2

https://stihi.ru/images/stihi.svgпроверка вставки картинки

0

3

Alex_63
Могу ли я поменять расположение кнопки в файле .css или пока не стоит этого делать на время теста?

0

4

ACT3255
Лучше прописать правку в свой стиль (или в HTML верх например), т.к. дорабатываться и обновляться код (в том числе и css) будет ещё много раз.

+1

5

Alex_63, круто!
Есть баг, по крайней мере воспроизводится в мобильном хроме на андроиде, если вставить спец тег типа [ you ] и дальше писать текст или попробовать стереть его, то тег дублируется несколько раз.

+1

6

кажется не вставляется форматирование -" стиль шрифта"

0

7

C3La-NS
Спасибо, потестирую, у меня в текущей версии не воспроизводится (правда с десктопа), попробую с мобильного

0

8

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

кажется не вставляется форматирование -" стиль шрифта"

У меня работает без нареканий, а какой браузер?

0

9

микрофон скайпа в ноуте есть

а можно петь в голосовые сообщения ВК и вынуть мп3-он в коде есть
64кБит
постишь ссылку мп3 кудато а потом"сохранить как"

0

10

tartar1
Может и можно, а какое отношение это имеет к теме визуального редактора?

0

11

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

0

12

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

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

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

0

13

хром,
на форум 2 2 всё вставляется

0

14

tartar1
У меня тоже хром, больше интересна версия, я так полагаю какая-то сильно устаревшая.
На forum2x2 я не сижу и не тестирую.

0

15

так стиль шрифта отображался даже в 90х

0

16

tartar1
Тем временем в 90-х не было этого визуального редактора, а он рассчитан под браузеры не старше хотя бы 2015-2016 годов релиза )
Я для этого и спрашиваю версию, чтобы хотя бы можно было ориентироваться, в каком месте искать проблему.

0

17

Alex_63
1. С такими шаблонами вообще не вариант работать.
https://forumupload.ru/uploads/0000/14/1c/32894/t561895.png
Ибо при вставке текста из буфера, дублируется "Сообщение от Сообщение от"
ну и ссылки само собой не воткнуть в заготовку
https://forumupload.ru/uploads/0000/14/1c/32894/t346511.png

при отправке сообщения с текстом все в порядке
https://forumupload.ru/uploads/0000/14/1c/32894/t710865.png

2. Окно ввода сообщения к сожалению не увеличивается по мере заполнения его заполнения.
3. Непривычно редактировать, пока тыкнешь в нужное место, глаза опухнут ))))
Ну а так, для предпросмотра вполне рабочая штука.

0

18

ACT3255
Цитату с аватарами по идее пофиксил пару часов назад - почистите кеш, должно работать и не дублироваться.
Окно ввода увеличиваться и не должно, поведение полностью аналогично стандартной форме ответа - можно при необходимости потянуть курсором за уголок и отрегулировать тем самым размер.
Насчёт непривычности, есть такое, но это дело привычки - на MyBB ничего подобного ранее не было )

А что не так со ссылками, почему не воткнуть? Их же можно редактировать (двойной клик по ссылке, либо если курсор в пределах ссылки - нажатие кнопки в форме ответа вызовет диалоговое окно для редактирования URL).

+2

19

Alex_63
Т.к. у меня заготовка такая:

Код:
[b][cursor][/b]

[img]https://forumstatic.ru/files/0014/74/cb/56908.png[/img] 
[hide] [url=***][img]https://forumstatic.ru/files/0014/74/cb/85213.png[/img][/url] [/hide]
[img]https://forumstatic.ru/files/0014/74/cb/57678.png[/img] 
[hide] [url=***][img]https://forumstatic.ru/files/0014/74/cb/85213.png[/img][/url] [/hide]
[img]https://forumstatic.ru/files/0014/74/cb/60295.png[/img] 
[hide] [url=***][img]https://forumstatic.ru/files/0014/74/cb/85213.png[/img][/url] [/hide]

*** я меняю на ссылку и в итоге у меня вся ссылка перекрыта картинкой "Ссылка на скачивание"

Если делать без шаблона, то верно, все редактируется и все пучком ))))
Ну с шаблоном это уже моя проблема, сам навоял для быстропостинга, можно и по старинке.
Всплывет что то ещё - сообщу.
Спасибо, что вернулся, увидел новый функционал, даже на душе стало веселее  :cool:

+1

20

ACT3255
Спасибо за обратную связь! )

+1


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