Инфо Возможности BB-кодов на wasm.in

Тема в разделе "WASM.SITE", создана пользователем Mikl___, 19 янв 2024.

  1. Mikl___

    Mikl___ Супермодератор Команда форума

    Публикаций:
    14
    Регистрация:
    25 июн 2008
    Сообщения:
    3.714
    За основу взята статья, проверено, к сожалению, не всё описанное в этой статье можно реализовать на wasm.in
    Что вы знаете о назначении каждой кнопки в панели редактирования? А догадались ли как их можно использовать?
    00.jpg
    n1.jpg
    ПримерРезультат
    bold.jpg [B], Italic.jpg [I], Underline.jpg [U], Strike.jpg [S] ― жирный, курсив, подчеркивание, зачеркивание. Делает текст в тэгах жирным, курсивным, подчеркнутым и зачеркнутым
    Это [b]жирный[/b] текст.
    Это [i]курсивный[/i] текст.
    Это [u]подчеркнутый[/u] текст.
    Это [s]зачеркнутый[/s] текст.
    Это жирный текст.
    Это курсивный текст.
    Это подчеркнутый текст.
    Это зачеркнутый текст.
    Color.jpg [COLOR=цвет], Font_Name.jpg [FONT=название], Font_size.jpg [SIZE=размер] ― цвет текста, шрифт и размер. Изменяет цвет, шрифт или размер текста в тэгах
    Это [color=red]красный[/color] и [COLOR=#ffa64d]оранжевый[/COLOR] текст.
    Это шрифт [font=Comic Sans MS]Comic Sans MS[/font]
    Это [size=1]маленький[/size] и [size=7]большой[/size] текст
    [SIZE=9px]Шрифт размером 9 пикселей[/SIZE]
    [SIZE=12px]Шрифт размером 12 пикселей[/SIZE]
    [SIZE=15px]Шрифт размером 15 пикселей[/SIZE]
    Это красный и оранжевый текст.
    Это шрифт Comic Sans MS
    Это маленький и большой текст
    Шрифт размером 9 пикселей
    Шрифт размером 12 пикселей
    Шрифт размером 15 пикселей
    Предопределенные цвета:Black Maroon MidnightBlue Purple White Red Green Blue Firebrick OrangeRed PeachPuff CornflowerBlue Cyan Yellow Magenta DarkGreen Silver DarkGoldenrod Gold Orchid BlueViolet Burlywood Lime
    Цвета в шестнадцатеричном или десятеричном коде — интенсивность красного, зеленого и синего (#RRGGBB) либо [COLOR=rgb(102,255,0)], что соответствует COLOR=#66FF00#000000 #990000 #000080 #000066 #006400 #0000CD #66FF00 #00B800 #DAA520 #C71585 #8B008B
    #FFFFFF #FF0000 #00FF00 #0000FF #FFCC33 #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #0FF8DC #FA8072 #AFEEEE #FFA500 #CC33FF #FF3030
    Url.jpg [URL], [EMAIL] ― ссылки. Создает ссылку из текста выделенного тэгами
    [url]https://wasm.in[/url]
    [email]example@gmail.com[/email]
    https://wasm.in
    example@gmail.com
    [url=ссылка], [email=адрес] ― делает выделенный текст ссылкой на интернет-страницу или на адрес электронной почты
    [url=https://wasm.in]Перейти на wasm.in[/url]
    [email=example@gmail.com]Мой электронный адрес[/email]
    Перейти на wasm.in
    Мой электронный адрес
    Image.jpg [img]― изображение. Показывает рисунок, используя выделенный текст как url-адрес
    [img]https://wasm.in/attachments/brer-fox00-gif.8747/[/img][​IMG]
    Movie.jpg [media=сайт] ― вставка медиа. Вставляет в сообщение медиа с разрешенных сайтов: Apple Music, Dailymotion, Facebook, Flickr, Giphy, Imgur, Pinterest, Reddit, SoundCloud, Spotify, TikTok, Tumblr, Twitch, Twitter, Vimeo, YouTube
    [media=youtube]47ak4vjiNzw[/media]
    [list] ― списки. Отображает Lists.jpg нумерованный или Markers.jpg маркированный список
    [list][*]Маркер 1[*]Маркер 2[/list]
    [list=1][*]Запись 1[*]Запись 2[/list]
    • Маркер 1
    • Маркер 2
    1. Запись 1
    2. Запись 2
    Left.jpg [left], Right.jpg [right], Center.jpg [center], [JUSTIFY_TEXT] ― выравнивание текста. Изменяет выравнивание текста в тэгах
    [left]Выравнивание по левому краю[/left]
    [center]Выравнивание по центру[/center]
    [right]Выравнивание по правому краю[/right]
    [JUSTIFY_TEXT]Выравнивание по ширине окна. В книге подробно описаны аппаратные и программные средства 32-разрядного микропроцессора 80386 фирмы Intel.[/JUSTIFY_TEXT]
    Выравнивание по левому краю​
    Выравнивание по центру​
    Выравнивание по правому краю​
    Выравнивание по ширине окна. В книге подробно описаны аппаратные и программные средства 32-разрядного микропроцессора 80386 фирмы Intel.
    Quote.jpg [quote] ― цитирование. Отображает текст, как процитированный из другого источника. Можно указывать название источника.
    [quote]Цитируемый текст[/quote]
    [quote=Пользователь]Пользователь сказал то-то[/quote]
    [QUOTE="Mikl___, post: 440950, member: 7954"]цитирование. Отображает текст, как процитированный из другого источника. Можно указывать название источника[/QUOTE]
    Spoiler.jpg [spoiler] ― текст, содержащий спойлеры
    [spoiler]Обычный спойлер[/spoiler]
    [spoiler=Заголовок спойлера]Спойлер с заголовком[/spoiler]
    Обычный спойлер
    Спойлер с заголовком
    Code.jpg [code], [code=язык] ― вставка программного кода. Отображает текст на одном из языков программирования, выделяя синтаксис где это возможно
    Основной код:
    [code]Основной код[/code]
    Код на языке ассемблер
    [code=asm]mov eax,0FFFFFFFFh[/code]
    PHP-код:
    [code=php]$myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
    echo $myvar . "\n";
    }[/code]
    JS-код
    [CODE=javascript]var hello = 'world';[/CODE]
    Основной код:
    Код (Text):
    1. Основной код
    Код на языке ассемблер
    Код (ASM):
    1. mov eax,0FFFFFFFFh
    PHP-код:
    Код (PHP):
    1. $myvar = 'Hello World!';
    2. for ($i = 0; \$i < 10; \$i++)
    3. {
    4.  echo $myvar . "\n";
    5. }
    JS-код
    Код (Javascript):
    1. var hello = 'world';
    [sup], [sub] ― надстрочный и подстрочный текст
    2[sup]10[/sup]=1024
    C[sub]2[/sub]H[sub]5[/sub]OH
    210=1024
    C2H5OH
    Table.jpg [table], [tr], [th], [td] ― создание таблиц. Специальная разметка для отображения таблиц в вашем сообщении
    [table][tr][th]Заголовок 1[/th][th]Заголовок 2[/th][/tr]
    [tr][td]Содержимое 1[/td][td]Содержимое 2[/td][/tr]
    [tr][td=colspan:2]Объединение по столбцам[/td][/tr]
    [tr][td=rowspan:2]Объединение
    по строкам[/td][td]Содержимое 3[/td][/tr]
    [tr][td]Содержимое 4[/td][/tr][/table]
    Заголовок 1Заголовок 2
    Содержимое 1Содержимое 2
    Объединение по столбцам
    Объединение
    по строкам
    Содержимое 3
    Содержимое 4
     

    Вложения:

    • brer-fox00.gif
      brer-fox00.gif
      Размер файла:
      271,6 КБ
      Просмотров:
      118
    Marylin, Thetrik, mantissa и ещё 1-му нравится это.
  2. Mikl___

    Mikl___ Супермодератор Команда форума

    Публикаций:
    14
    Регистрация:
    25 июн 2008
    Сообщения:
    3.714
    ПримерРезультат
    [h1], [h2], [h3], [h4] ― заголовки с первого по четвертый уровень. Помечает текст как структурированный заголовок для облегчения чтения статьи.
    [h1]Основной заголовок[/h1] Этот текст попадает под основной заголовок, используемый для разделения основных разделов статьи. [h2]Второстепенный заголовок[/h2] Если вам нужно разделить основные разделы статьи, используйте заголовок второго уровня. [h3]Подзаголовок[/h3][h4]Подзаголовок[/h4] Если вам требуется дополнительное разделение, тогда можно использовать заголовок третьего или четвертого уровня.

    Основной заголовок

    Этот текст попадает под основной заголовок, используемый для разделения основных разделов статьи.

    Второстепенный заголовок

    Если вам нужно разделить основные разделы статьи, используйте заголовок второго уровня.

    Подзаголовок

    Подзаголовок

    Если вам требуется дополнительное разделение, тогда можно использовать заголовок третьего или четвертого уровня.
    [plain] ― обычный текст. Отключает обработку BB-кодов внутри тэгов
    [plain]Это не [b]жирный[/b] текст[/plain]Это не [b]жирный[/b] текст
    [ATTACH] ― вставка вложений. Вставляет вложение в указанной точке. Если вложение является изображением, будет вставлена его уменьшенная копия или все изображение целиком.
    Миниатюра:[ATTACH]8723[/ATTACH]
    Полный размер: [ATTACH=full]8723[/ATTACH]
    Миниатюра: 005.jpg
    Полный размер: 005.jpg
    anchor.jpg [anchor] ― якорь. Создание якоря для перехода к нему.
    [anchor]heading-1[/anchor] Здесь расположен якорь Здесь расположен якорь
    Jump.jpg [jump=option] ― осуществляет переход к указанному якорю.
    [jump=heading-1]Нажмите, чтобы перейти к указанному якорю[/jump]Нажмите, чтобы перейти к указанному якорю
    indent.jpg [INDENT] ― отступ текста. Увеличивает отступ выделенного текста.
    Обычный текст
    [INDENT]Небольшой отступ[/INDENT]
    [INDENT=2]Значительный отступ[/INDENT]
    Обычный текст
    Небольшой отступ
    Значительный отступ​
    [hse] ― специальные символы, Unicode-символы
    [hse]&copy; &laquo; &raquo; &mdash; &reg; &trade; &lt; &gt; &le; &ge; &xi; &radic; &times; &#0047;[/hse]© « » — ® ™ < >≤ ≥ ξ √ × /
    [ins], [bgcolor], [bgcolor2] ― фон под текстом
    [ins=red]text[/ins]
    [bgcolor=yellow]text[/bgcolor]
    [bgcolor2=green]text[/bgcolor2]
    text
    text
    text
    [html] ― позволяет вам выделить теги форматирования HTML в вашем тексте
    [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    HTML:
    1.  
    2. <img src="image.gif" alt="image" />
    3. <a href="testing.html" target="_blank">Testing</a>
    4.  
    [hr] ― вставка разделительной линии на всю ширину доступной области
    [hr]_[/hr]
    math.jpg [MATH] ― включаем в сообщение математические формулы. Более подробно расписано здесь. После вставки формулы не забудьте перегрузить страничку.
    [MATH]\iiint\limits_{(x,y,z)\in C} \sqrt[3]{\frac{x^3+y^3+z^3}{2}}\,dx\,dy\,dz[/MATH][math]\iiint\limits_{(x,y,z)\in C} \sqrt[3]{\frac{x^3+y^3+z^3}{2}}\,dx\,dy\,dz[/math]
    [nobr] ― текст без разрывов
    [nobr]Don't break[/nobr]Don't break
    Обтекание текстом вокруг рисунка
    [IMAGE_RIGHT] ― обтекание рисунка текстом слева, [IMAGE_LEFT] ― обтекание рисунка текстом справа.
    [IMAGE_RIGHT][IMG]https://wasm.in/attachments/08-png.8748/[/IMG][/IMAGE_RIGHT][JUSTIFY_TEXT]Вот вскоре после этого пошёл Братец Лис гулять, набрал смолы и слепил из неё человечка — Смоляное Чучелко.
    Взял он это Чучелко и посадил у большой дороги, а сам спрятался под куст. Только спрятался, глядь — идёт по дороге вприскочку Кролик: скок-поскок, скок-поскок. Старый Лис лежал тихо. А Кролик, как увидел Чучелко, удивился, даже на задние лапки встал. Чучелко сидит и сидит, а Братец Лис — он лежит тихо.
    — Доброго утра! — говорит Кролик. — Славная погодка нынче.
    Чучелко молчит, а Лис лежит тихо.
    [/JUSTIFY_TEXT]
    [​IMG]
    Вот вскоре после этого пошёл Братец Лис гулять, набрал смолы и слепил из неё человечка — Смоляное Чучелко.
    Взял он это Чучелко и посадил у большой дороги, а сам спрятался под куст. Только спрятался, глядь — идёт по дороге вприскочку Кролик: скок-поскок, скок-поскок. Старый Лис лежал тихо. А Кролик, как увидел Чучелко, удивился, даже на задние лапки встал. Чучелко сидит и сидит, а Братец Лис — он лежит тихо.
    — Доброго утра! — говорит Кролик. — Славная погодка нынче.
    Чучелко молчит, а Лис лежит тихо.
    [IMAGE_LEFT][IMG]https://wasm.in/attachments/14-png.8749/[/IMG][/IMAGE_LEFT][JUSTIFY_TEXT]— Сдаётся мне, Братец Кролик, на этот раз я тебя поймал. Может, я и ошибаюсь, но кажется мне, что поймал. Ты всё тут скакал и потешался надо мной, но теперь конец твоим шуткам. И кто просил тебя лезть не в своё дело? И зачем сдалось тебе это Чучелко? И кто это прилепил тебя к нему? Никто, никто в целом свете! Никто не просил тебя, а просто ты сам взял и влепился в это Чучелко! И сам ты во всём виноват, Братец Кролик! Так и надо тебе, так и будешь сидеть, пока я не наберу хворосту и не зажгу его, потому что я, конечно, зажарю тебя сегодня, Братец Кролик.
    Так сказал Старый Лис. А Кролик отвечает так смирно, послушно:
    — Делай со мной что хочешь, Братец Лис, только, пожалуйста, не вздумай бросить меня в этот терновый куст. Жарь меня, как хочешь, Братец Лис, только не бросай меня в этот терновый куст.
    [/JUSTIFY_TEXT]
    [​IMG]
    — Сдаётся мне, Братец Кролик, на этот раз я тебя поймал. Может, я и ошибаюсь, но кажется мне, что поймал. Ты всё тут скакал и потешался надо мной, но теперь конец твоим шуткам. И кто просил тебя лезть не в своё дело? И зачем сдалось тебе это Чучелко? И кто это прилепил тебя к нему? Никто, никто в целом свете! Никто не просил тебя, а просто ты сам взял и влепился в это Чучелко! И сам ты во всём виноват, Братец Кролик! Так и надо тебе, так и будешь сидеть, пока я не наберу хворосту и не зажгу его, потому что я, конечно, зажарю тебя сегодня, Братец Кролик.
    Так сказал Старый Лис. А Кролик отвечает так смирно, послушно:
    — Делай со мной что хочешь, Братец Лис, только, пожалуйста, не вздумай бросить меня в этот терновый куст. Жарь меня, как хочешь, Братец Лис, только не бросай меня в этот терновый куст.
    parse.jpg [parsehtml] ― преобразование HTML-тегов в bb-коды
    [parsehtml]<ol start="50">
    <li>Кофе</li>
    <li>Чай</li>
    <li>Молоко</li>
    </ol>[/parsehtml]
    1. Кофе
    2. Чай
    3. Молоко
     

    Вложения:

    • 08.png
      08.png
      Размер файла:
      116,9 КБ
      Просмотров:
      114
    • 14.png
      14.png
      Размер файла:
      124,4 КБ
      Просмотров:
      119
    Последнее редактирование: 10 фев 2024
    TermoSINteZ, Marylin и aa_dav нравится это.