Онлайн конвертер HTML в BBCode и обратно
- Категория: Текст и Html
- – Автор: Игорь (Администратор)
Вам когда-нибудь приходилось выкладывать свои статьи на форумы и любые другие ресурсы, поддерживающие BBCode? Или может вы пытались перенести, написанный вами материал, в любой Html редактор? Если да, то вам, наверное, знакомо то ощущение, которое возникает в преддверии перелопачивания всего текста. И это не самое приятное занятие.
Онлайн конвертер HTML <> ВВCode
Несмотря на то, что BBCode был задуман, как простой аналог Html форматирования, который позволяет избавиться от ряда проблем безопасности, упростить взаимодействие с пользователями и сделать технологически более простую передачу данных на сервер. Все же, его использование чревато возникновением рутины. Именно по этой причине существуют инструменты для онлайн конвертации Html в BBCode и обратно.
Данный онлайн конвертер охватывает основные теги BBCode, которые разрешены практически на любых веб-ресурсах. Их список представлен ниже в таблице:
| Html | BBCode |
|---|---|
| <b>, <strong> | [b] (обратно в <b>) |
| <i>, <em> | [i] (обратно в <i>) |
| <u> | [u] |
| <a> | [url=] |
| <a> (href=mailto) | [email=] |
| <ul> | [list] |
| <ol> | [list=1] |
| <blockquote> | [quote] |
| <textarea>, <script>, <pre> | [code] (обратно в <textarea>) |
| <font color="#"> | [color=] |
| <img> | [img] |
Кроме того, инструмент так же позволяет произвести быструю очистку от оставшегося Html-кода и убрать лишние символы и пробелы. Так что в большинстве случаев, вместо приятного проведения времени за выколупыванием одних символов и вставкой других, вам всего лишь понадобиться нажать три кнопки.
Сверху, над областью для ввода текста, расположена панель для включения и исключения определенных тегов из процесса конвертации. Например, если в тексте не предполагается никаких картинок и ссылок, то щелкните на кнопках "<img>" и "<a|url>". После чего преобразуйте Html в BBCode и затем почистите текст от Html тэгов. И на выходе у вас получится почищенный текст, который не придется предварительно корректировать.
Конвертер полностью написан на чистом JavaScript и не использует тяжеловесные фреймворки. Так же инструмент не требует перезагрузки страницы и его можно локально сохранить у себя на компьютере.
В связи с этим, у данного инструмента есть два небольших ограничения:
- пока не поддерживается гарантированный результат преобразования вложенных списков (гарантировано только 1 уровень, хотя, в большинстве случаев конвертация пройдет без проблем)
- гарантировано преобразуется только валидный html-код (например, отсутствие закрывающего тега приведет к тому, что тег не будет обработан)
Примечание: По одной из версий, BBCode возник в следствии банального нежелания разработчика ковыряться в сложных и заковыристых регулярных выражениях, а так же мучиться с такими функциями, как escape. И отчасти его можно понять. Например, вы можете посмотреть JavaScript-код данной страницы и убедиться, что ряд таких выражений выглядят достаточно громоздко. Учтите, что во времена появления BBCode, больших и красивых фреймворков, как jQuery, попросту не существовало.
-
Транслит онлайн переводчик (текст, URL) Текст и Html
-
Онлайн удаление дубликатов строк Текст и Html
-
Онлайн генератор паролей с русским языком Текст и Html
-
Онлайн base64 кодировщик (decode, encode) Текст и Html
-
Подсчет количества символов - длина текста Текст и Html
-
Онлайн просмотр html кода Текст и Html
-
Online MD5 Калькулятор Текст и Html
-
Онлайн перевод раскладки клавиатуры Текст и Html
Комментарии / отзывы
А при конвертирование в BB естественно убирать их.
Браузер не понимает "\n" как перевод строки.
Т.е. такой текст
Цитата:Будет выглядеть так
Цитата:
К примеру:
---------------------
тег b Текст 1 закр. тег b
тег b Текст 2 закр. тег b
тег b Текст 3 закр. тег b
---------------------
Нормально трансформируется с переносами в
---------------------
[ b ]Текст 1[ /b ]
[ b ]Текст 2[ /b ]
[ b ]Текст 3[ /b ]
---------------------
Можете привести пример?
Но если мы его конвертируем в HTML, то все переносы строки "\n" нужно заменить на BR, т.е. в конце каждой строчки поставить данный тег.
Вот наглядный пример
Нельзя просто так заменять "\n" на br. Можно сделать кнопку, которая будет добавлять br в местах, где встречается "\n", но не более.
Иначе это будет некорректно. Мне же никто не мешает использовать, к примеру, тег p или div (они же не конвертируются и не вырезаются по умолчанию).
Для HTML переносы не имеют значения - это особенно языка разметки. Конечно, есть исключения, например, тег pre, но его использование (и подобных) считается не очень хорошим тоном.
1. При конвертировании из HTML в BB, если присутствует тег BR, то он не убирается и не ставиться \n, т.е. строка не переноситься.
Цитата:2. При конвертировании из HTML в BB знак СЛЕШ в теге BR понимается как закрытие открытого тега. Этот слеш используется в спецификации xhtml, его можно не указывать. Но лучше сначала очистить текст от BR-ров, а потом делать перевод.
Еще раз по поводу чистки в автоматическом режиме. Это может быть удобным, но в то же время это некорректно.
Мне ничего не должно мешать составлять текст в его исконном виде, добавлять теги, которые не конвертируются, и прочее.
Тем более, что br это частный случай. Например, на многих сайтах принято абзацы заключать в тег p или div.
Вот же задал задачу с этими BR ))
а можете добавить таргет открытия ссылки в другом окне?
А как вы себе это представляете? В обычном url bbcode нет таргета
Ссылка на другое окно
Если требуется сделать ссылку на документ, который открывается в другой вкладке браузера, используется атрибут target="_blank" тега .
Если на веб-странице необходимо сделать, чтобы все ссылки открывались в другой вкладке, то нет необходимости добавлять во все теги атрибут target="_blank".
Если сможете предложить что-то осмысленное и что не будет мешать остальным, то можно будет добавить. Только нужна конкретика с bbcode, html, как предполагается конрвертирование и т.п.
был сайт, я им пользовался лет 5, но месяц как перестал открываться.
Там на подобии вашего конвертера, вставляешь пост для форума в ббкоде, ставишь нужные галки, выделить жирно, курсив и в том числе открытие ссылок в другом окне, нажимаешь применить и получался хтмл код, для вставки его как сообщения к примеру в блог на вордпрессе.