За основу взята статья, проверено, к сожалению, не всё описанное в этой статье можно реализовать на wasm.in Что вы знаете о назначении каждой кнопки в панели редактирования? А догадались ли как их можно использовать? ПримерРезультат [B], [I], [U], [S] ― жирный, курсив, подчеркивание, зачеркивание. Делает текст в тэгах жирным, курсивным, подчеркнутым и зачеркнутымЭто [b]жирный[/b] текст. Это [i]курсивный[/i] текст. Это [u]подчеркнутый[/u] текст. Это [s]зачеркнутый[/s] текст.Это жирный текст. Это курсивный текст. Это подчеркнутый текст. Это зачеркнутый текст. [COLOR=цвет], [FONT=название], [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], [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 Мой электронный адрес [img]― изображение. Показывает рисунок, используя выделенный текст как url-адрес [img]https://wasm.in/attachments/brer-fox00-gif.8747/[/img] [media=сайт] ― вставка медиа. Вставляет в сообщение медиа с разрешенных сайтов: Apple Music, Dailymotion, Facebook, Flickr, Giphy, Imgur, Pinterest, Reddit, SoundCloud, Spotify, TikTok, Tumblr, Twitch, Twitter, Vimeo, YouTube[media=youtube]47ak4vjiNzw[/media][list] ― списки. Отображает нумерованный или маркированный список [list][*]Маркер 1[*]Маркер 2[/list] [list=1][*]Запись 1[*]Запись 2[/list] Маркер 1 Маркер 2 Запись 1 Запись 2 [left], [right], [center], [JUSTIFY_TEXT] ― выравнивание текста. Изменяет выравнивание текста в тэгах[left]Выравнивание по левому краю[/left] [center]Выравнивание по центру[/center] [right]Выравнивание по правому краю[/right] [JUSTIFY_TEXT]Выравнивание по ширине окна. В книге подробно описаны аппаратные и программные средства 32-разрядного микропроцессора 80386 фирмы Intel.[/JUSTIFY_TEXT]Выравнивание по левому краюВыравнивание по центруВыравнивание по правому краюВыравнивание по ширине окна. В книге подробно описаны аппаратные и программные средства 32-разрядного микропроцессора 80386 фирмы Intel. [quote] ― цитирование. Отображает текст, как процитированный из другого источника. Можно указывать название источника.[quote]Цитируемый текст[/quote] [quote=Пользователь]Пользователь сказал то-то[/quote] [QUOTE="Mikl___, post: 440950, member: 7954"]цитирование. Отображает текст, как процитированный из другого источника. Можно указывать название источника[/QUOTE] [spoiler] ― текст, содержащий спойлеры[spoiler]Обычный спойлер[/spoiler] [spoiler=Заголовок спойлера]Спойлер с заголовком[/spoiler] Спойлер Обычный спойлер Спойлер: Заголовок спойлера Спойлер с заголовком [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): Основной код Код на языке ассемблер Код (ASM): mov eax,0FFFFFFFFh PHP-код: Код (PHP): $myvar = 'Hello World!'; for ($i = 0; \$i < 10; \$i++) { echo $myvar . "\n"; } JS-код Код (Javascript): var hello = 'world'; [sup], [sub] ― надстрочный и подстрочный текст2[sup]10[/sup]=1024 C[sub]2[/sub]H[sub]5[/sub]OH210=1024 C2H5OH [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
ПримерРезультат[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]Миниатюра: Полный размер: [anchor] ― якорь. Создание якоря для перехода к нему.[anchor]heading-1[/anchor] Здесь расположен якорь Здесь расположен якорь [jump=option] ― осуществляет переход к указанному якорю.[jump=heading-1]Нажмите, чтобы перейти к указанному якорю[/jump]Нажмите, чтобы перейти к указанному якорю [INDENT] ― отступ текста. Увеличивает отступ выделенного текста.Обычный текст [INDENT]Небольшой отступ[/INDENT] [INDENT=2]Значительный отступ[/INDENT]Обычный текст Небольшой отступ Значительный отступ[hse] ― специальные символы, Unicode-символы[hse]© « » — ® ™ < > ≤ ≥ ξ √ × /[/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: <img src="image.gif" alt="image" /> <a href="testing.html" target="_blank">Testing</a> [hr] ― вставка разделительной линии на всю ширину доступной области[hr]_[/hr] [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]Вот вскоре после этого пошёл Братец Лис гулять, набрал смолы и слепил из неё человечка — Смоляное Чучелко. Взял он это Чучелко и посадил у большой дороги, а сам спрятался под куст. Только спрятался, глядь — идёт по дороге вприскочку Кролик: скок-поскок, скок-поскок. Старый Лис лежал тихо. А Кролик, как увидел Чучелко, удивился, даже на задние лапки встал. Чучелко сидит и сидит, а Братец Лис — он лежит тихо. — Доброго утра! — говорит Кролик. — Славная погодка нынче. Чучелко молчит, а Лис лежит тихо. [IMAGE_LEFT][IMG]https://wasm.in/attachments/14-png.8749/[/IMG][/IMAGE_LEFT][JUSTIFY_TEXT]— Сдаётся мне, Братец Кролик, на этот раз я тебя поймал. Может, я и ошибаюсь, но кажется мне, что поймал. Ты всё тут скакал и потешался надо мной, но теперь конец твоим шуткам. И кто просил тебя лезть не в своё дело? И зачем сдалось тебе это Чучелко? И кто это прилепил тебя к нему? Никто, никто в целом свете! Никто не просил тебя, а просто ты сам взял и влепился в это Чучелко! И сам ты во всём виноват, Братец Кролик! Так и надо тебе, так и будешь сидеть, пока я не наберу хворосту и не зажгу его, потому что я, конечно, зажарю тебя сегодня, Братец Кролик. Так сказал Старый Лис. А Кролик отвечает так смирно, послушно: — Делай со мной что хочешь, Братец Лис, только, пожалуйста, не вздумай бросить меня в этот терновый куст. Жарь меня, как хочешь, Братец Лис, только не бросай меня в этот терновый куст. [/JUSTIFY_TEXT]— Сдаётся мне, Братец Кролик, на этот раз я тебя поймал. Может, я и ошибаюсь, но кажется мне, что поймал. Ты всё тут скакал и потешался надо мной, но теперь конец твоим шуткам. И кто просил тебя лезть не в своё дело? И зачем сдалось тебе это Чучелко? И кто это прилепил тебя к нему? Никто, никто в целом свете! Никто не просил тебя, а просто ты сам взял и влепился в это Чучелко! И сам ты во всём виноват, Братец Кролик! Так и надо тебе, так и будешь сидеть, пока я не наберу хворосту и не зажгу его, потому что я, конечно, зажарю тебя сегодня, Братец Кролик. Так сказал Старый Лис. А Кролик отвечает так смирно, послушно: — Делай со мной что хочешь, Братец Лис, только, пожалуйста, не вздумай бросить меня в этот терновый куст. Жарь меня, как хочешь, Братец Лис, только не бросай меня в этот терновый куст. [parsehtml] ― преобразование HTML-тегов в bb-коды[parsehtml]<ol start="50"> <li>Кофе</li> <li>Чай</li> <li>Молоко</li> </ol>[/parsehtml] Кофе Чай Молоко