Нужен ли WYSIWYG BBcode редактор?

Question

[wbb]

Приветствую всех хабрапользователей.

Сейчас продолжаю работу над своим WYSIWYG ББкод редактором — WysiBB. Работаю не так давно, но временами посещают сомнения, а нужно ли? Хотел бы узнать у вас, нужен ли вам визуальный редактор ББ кодов или мои труды особо никому не нужны? Будет ли этот проект действительно полезен?

Comments

[MrZombie]

Скажите, пожалуйста, как программу поставить на Windows?

Answer 1

[wbb]

На гитхабе он есть — github.com/wbb/WysiBB.

Answer 2

[Вячеслав Слинько]

Почему BB а не Markdown?
За Markdown WYSIWYG сказал бы огромное спасибо.

Comments

[FanKiLL]

markitup.jaysalvat.com/examples/markdown/

[FanKiLL]

Но у топик стартера, конечно красивее получилось.

[Вячеслав Слинько]

Хочется именно wysiwyg а не кнопочки помощи

Answer 3

[Сергей Протько]

Несомненно дело полезное, сейчас вот тоже пишу свой WYSIWYG, а поддержку BBCode если и реализовывал бы, то как часть редактора.

Я бы на вашем месте вылил его на гитхаб, так проще делать багрепорты. На сайте не нашел ссылки.

P.s. Уж очень структура кода и некоторые его фрагменты напоминают Redactor.js

Comments

[Сергей Протько]

как часть редактора, имеется в виду в виде плагина.

Answer 4

[NeX]

Никогда не понимал, зачем bb, когда есть html?

Comments

[Денис Егоров]

На самом деле, мне кажется нужен. Могу сказать это после ноголетнего опыта Jevix-а (PHP-версия), который используется на Хабре и множестве других проектов. Так просто все проблемы не объснишь, но попробую…

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

Если при этом мы используем какой-то язык разметки отличный от HTML, всё просто: весь HTML эскейпится, а код разметки превращается в HTML 100% безопасный, валидный и разрешённый. В противном случае нужно:

• Отвалидировать полученный битый HTML в автоматическом режиме (нельзя кричать пользователю, что он что-то не закрыл, или нельзя вставлять <p> в <ul>
• Отфильтровать запрещённые теги, атрибуты и конструкции в которые можно поместить XSS. Добавить какие-то обязательны атрибуты (например target="_blank")
• Оттипографировать текст (при этом недопуская чего-то типа src = «/img.jpg» если пользователь забыл поставить скобочку в теге <img>).
• Преобразовать служебные теги типа <hh user=""> в HTML

В общем, проблем с этим куча. Но не используя HTML мы лишаемся возможностей WYSIWYG-а, что для непродвинутых пользователей не особо приятно. Что-то с этим надо делать. У меня давно в голове витает идея создать какой-то принципиально новый редактор без content-editable, что-то немного напоминающее Google-формы (добавить блок текста, добавить блок кода, добавить список, список — это форма с добавляемыми, удаляемыми и сортируемыми полями и т.д.). Автор WysiBB пошёл другим путём, но мне кажется это всё равно очень полезное начинание.

[La2ha]

Думаю для ввода данных пользователем, т.к. html редактор в паблик нельзя бед предварительной модерации отправленных постов. Вот пример того что получилось после htlm редактора в паблике la2ha.ru/dev/web/info_security/bad-genius

[NeX]

ur001, те же самые проблему всегда удавалось решить с помощью jevix. Для перечисленных выше случаев нестандартного исопльзования — либо настраивается для правильного парсинга html кода сложного элемента, либо кастомный тэг с параметрами — и препроцессинг перед выводом.

Использование bb-кодов за место html кода — решение проблем программистов за счет пользователей, зачастую в ущерб функциональности последним. Теряется возможность копипасты с других сайтов или вордовского документа, например.

[Денис Егоров]

NeX, как автор Jevix-а с полной уверенностью могу заявить, что решить проблемы удаётся не все. И это сильно забивает мой почтовый ящик :)

Вначале мне казалась всё просто, и я заявил что сейчас напишу PHP-версию с конечным автоматом за пару часов. Я потратил больше недели, а потом дорабатывал больше года…

И только спустя несколько лет пришёл к выводу, что пользовательский ввод HTML — это просто неверное решение. Однако, во многих случаях это лучший компромис между тем что есть и ещё не изобретённым, новым способом ввода форматированного текста.

Answer 5

[JekaRu]

Нужен.
Используем в своем проекте github.com/codingfarm/CFTheForumBundle
Правда пока струю версию

Answer 6

[Денис Егоров]

Нужен. Небольшое объяснение тут. Идея любопытная. Но, конечно, всё ломается когда пытаешься вставить какую-нибудь форматированную фигню из буфера обмена…

Answer 7

[demimurych]

Безусловно нужен.

Answer 8

[Валерий]

Хм… как раз искал нечто подобное :)

У вас глюк. Вставьте смайл, переключитесь в исходник и обратно… смайл пропадет. Chrome Latest

Comments

[wbb]

Глюк не обнаружил. Может смайл в тег code вставляете, так там ББ коды не работают.

[Валерий]

Нет, смайл был в обычном контексте.
Сейчас, кстати, все нормально. Странно )

Answer 9

[Ку куруза]

Нужен, обязательно