как создать свои bbcode?

BPOH

Осваивается
Регистрация
29.11.2020
Сообщения
10
Реакции
0
Здравствуйте, подскажите пожалуйста как можно создать свои bbcode
Есть текст с 3-мя видами содержания санскрит, пословный перевод, на JSсделал чекбоксы чтоб можно было скрывать блоки текста

сейчас приходится каждую строку обрамлять в <span id="sanscrit">'''ом намо бхагавате васудевайа'''</span>

<span id="poslPer">ом - о мой Господь; намах - в почтении склоняюсь; бхагавате - Личности Бога</span>

Как можно создать кнопки выделил текст нажал и текст сразу обрамлен в нужные теги
<span id="sanscrit"></span>

Или как это можно сделать по другому без костылей в виде JS средствами медиавики?

2021-03-28-14-17.png
 
Редактор какой? WikiEditor или Visual Editor?

Для первого все просто:
https://www.mediawiki.org/wiki/Extension:WikiEditor/Toolbar_customization
Но это не бб коды, а просто кнопки на панели. Которые будут вставлять что угодно.

Спасибо, получилось, это ускорило форматирование текста.

Может подскажете если делать так то применяется только к первой строке

Код:
<span id="sanscrit">
'''ом намо бхагавате васудевайа'''

'''джанмадй асйа йато нвайад'''

'''итараташ чартхешв абхиджнах сварат'''

'''тене брахма хрида йа ади-кавайе'''

'''мухйанти йат сурайах'''

'''теджо-вари-мридам йатха'''

'''винимайо йатра три-сарго `мриша'''

'''дхамна свена сада нираста-'''

'''кухакам сатйам парам дхимахи'''</span>

Приходится обрамлять каждую строку

Код:
<span id="sanscrit">'''ом намо бхагавате васудевайа'''</span>

<span id="sanscrit">'''джанмадй асйа йато нвайад'''</span>

<span id="sanscrit">'''итараташ чартхешв абхиджнах сварат'''</span>

<span id="sanscrit">'''тене брахма хрида йа ади-кавайе'''</span>

<span id="sanscrit">'''мухйанти йат сурайах'''</span>

<span id="sanscrit">'''теджо-вари-мридам йатха'''</span>

<span id="sanscrit">'''винимайо йатра три-сарго `мриша'''</span>

<span id="sanscrit">'''дхамна свена сада нираста-'''</span>

<span id="sanscrit">'''кухакам сатйам парам дхимахи'''</span>

С пословным переводом все получается за один тэг
Код:
<span id="poslPer">ом - о мой Господь; намах - в почтении склоняюсь; бхагавате - Личности Бога; васудевайа - Васудеве (сыну Васудевы), Господу Шри Кришне, изначальному Господу; джанма-ади - творение, поддержание и разрушение; асйа - проявленных вселенных; йатах - от которого; анвайат - прямо; итаратах - косвенно; ча - и; артхешу - цели; абхиджнах - обладающий полным сознанием; сва-рат - полностью независимый; тене - вложил; брахма - ведическое знание; хрида - сознание в сердце; йах - тот, кто; ади-кавайе - первого сотворенного существа; мухйанти - введены в заблуждение; йат - насчет которого; сурайах - великие мудрецы и полубоги; теджах - огонь; вари - вода; мридам - земля; йатха - так же как и; винимайах - действие и противодействие; йатра - после чего; три-саргах - три гуны творения, созидательные энергии; амриша - почти реальны; дхамна - вместе со всем трансцендентным окружением; свена - будучи самодостаточным; сада - всегда; нираста - отрицание на основании отсутствия; кухакам - иллюзия; сатйам - истина; парам - абсолютная; дхимахи - я медитирую на нее.</span>

Вместо одного действия приходится делать девять может можно как-то оптимизировать?
Наверное это из за новой строки, как можно это победить?
 
Скорее всего из-за ''' есть где посмотреть результат?
 
Скорее всего из-за ''' есть где посмотреть результат?
Нет, пробовал

Код:
<span id="sanscrit">
сута увача

эвам кришна-сакхах кришно

бхратра раджна викалпитах

нана-шанкаспадам рупам

кришна-вишлеша-каршитах</span>

тожесамое скрывает только первую строку
 
У вас стили привязаны к span. Если его заменить на div, то кажется работает. Внутри span не может быть <p> и других тегов. Поэтому парсер пытается исправить ситуациию.
Ну и плюс у вас много одинаковых id. Это тоже семантически не правильно.
Лучше стили вешать на классы.
 
  • Like
Реакции: BPOH
У вас стили привязаны к span. Если его заменить на div, то кажется работает. Внутри span не может быть <p> и других тегов. Поэтому парсер пытается исправить ситуациию.
Ну и плюс у вас много одинаковых id. Это тоже семантически не правильно.
Лучше стили вешать на классы.
Спасибо, вечером попробую
 
У вас стили привязаны к span. Если его заменить на div, то кажется работает. Внутри span не может быть <p> и других тегов. Поэтому парсер пытается исправить ситуациию.
Ну и плюс у вас много одинаковых id. Это тоже семантически не правильно.
Лучше стили вешать на классы.
Это сработало! спасибо большое!
 
Назад
Верх