Различия

Показаны различия между двумя версиями страницы.

--- software:development:web:docs:web:wysiwyg:sceditor_memo_bbcode [2026/01/07 13:30] – [Введение] VladPolskiy
+++ software:development:web:docs:web:wysiwyg:sceditor_memo_bbcode [2026/01/07 13:51] (текущий) – [Форматирование шрифта] VladPolskiy
@@ Строка 21: / Строка 21: @@
 ===== Форматирование шрифта =====
 Базовые тэги для работы с текстом:
+<code>
 [p] Обычный абзац с отступом. [/p]
@@ Строка 33: / Строка 33: @@
 [div=стиль] Ограниченная область, которой с помощью стиля можно менять свойства (положение, границы, отступы, свойства содержимого и т.д.). [/div]
 * По умолчанию границы областей не видны. На одной странице может быть сразу несколько областей [div].
+</code>
 Форматирование текста:
+<code>
 [b] Важный текст, полужирный [/b]
 [i] Важный текст, курсив [/i]
 [bold] Просто полужирный [/bold]
 [italic] Просто курсив [/italic]
 [u] Подчёркнутый текст [/u]
 [s] Зачёркнутый текст [/s] — аналогично варианту [strike] [/strike]
 [small] Уменьшенный шрифт [/small]
 Знак сноски [sup] сверху [/sup] или индекс [sub] снизу [/sub] от текста
 [ins] Добавленный текст [/ins]
 [del] Удалённый текст [/del]
+</code>
 Размеры шрифта:
+<code>
 [size=13pt] Шрифт размером 13 пунктов [size]
 [size=15pt] Шрифт размером 15 пунктов [size]
 [size=9px] Шрифт размером 9 пикселей [size]
 [size=12px] Шрифт размером 12 пикселей [size]
 [size=15px] Шрифт размером 15 пикселей [size]
 [size=0] Размер 0 [size]
 [size=+1] Размер +1 [size]
 [size=+2] Размер +2 [size]
+</code>
+Возможные варианты размеров шрифтов (визуальная оценка) доступны [[https://www.hdsw.ru/?p=16|здесь.]]
-Возможные варианты размеров шрифтов (визуальная оценка) доступны здесь.
+===Заголовки:===
+<code>
-Заголовки:
 [h1] Заголовок 1-го уровня [/h1]
 [h2] Заголовок 2-го уровня [/h2]
 [h3] Заголовок 3-го уровня [/h3]
 [h4] Заголовок 4-го уровня [/h4]
 [h5] Заголовок 5-го уровня [/h5]
 [h6] Заголовок 6-го уровня [/h6]
+</code>
 Оформление текста с помощью шрифтов:
+<code>
 [font=Times New Roman] Шрифт Comic Sans Ms [/font]
 [font=Monotype Corsiva] Шрифт Monotype Corsiva [/font]
 [font=Tahoma] Шрифт Tahoma [/font]
+</code>
 Возможные варианты типов шрифтов (наименования и визуальная оценка) доступны здесь.
 Оформление текста с помощью цвета:
+<code>
 [color=Red] Красный текст [/color]
 * Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.
 [color=#0000ff] Синий текст [/color]
 * Цифра #0000ff означает синий цвет в RGB палитре.
 [bg=#eeeeff] Голубой фон [/bg]
 * У фона тоже можно менять цвет.
 [color=#0000ff] [bg=lightgray] Синий текст, серый фон [/bg] [/color]
+</code>
 Некоторые предопределённые цвета:
@@ Строка 119: / Строка 93: @@
 Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RRGGBB):
+<code>
 #000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF
+</code>
 ===== Выравнивание текста и форматирование параграфов =====
 Выравнивание текста:
+<code>
 [left] Выравнивание текста по левой стороне [/left]
 [left стиль] Выравнивание по левой стороне со стилем [/left]
 [pleft] Выравнивание в абзаце влево [/pleft]
 [center] Выравнивание текста по центру [/center]
 [center стиль] Выравнивание по центру со стилем [/center]
 [pcenter] Выравнивание в абзаце по центру [/pcenter]
 [right] Выравнивание текста по правой стороне [/right]
 [right стиль] Выравнивание по правой стороне со стилем [/right]
 [pright] Выравнивание в абзаце справа [/pright]
 [justify] Выравнивание текста по обеим сторонам [/justify]
 [justify стиль] Выравнивание по обеим сторонам со стилем [/justify]
 [pjustify] Выравнивание в абзаце по обеим сторонам [/pjustify]
+</code>
 * Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.
-Оформление сносок (комментариев) с отступом абзаца:
+==== Оформление сносок (комментариев) с отступом абзаца:====
+<code>
 [q] Цитата в строке [/q]
 [q свойства] Цитата в строке со свойствами [/q]
 [quote]
 Процитированный в отдельном блоке текст, у которого будет
 небольшой отступ слева и особое оформление (стиль форума).
 [/quote]
+</code>
 Примеры:
+<code>
 [quote]Lorem ipsum dolor sit amet[/quote]
 [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
 [quote=John Doe;54525188]Lorem ipsum dolor sit amet[/quote]
+</code>
 Форматирование параграфов и областей:
+<code>
 [indent]
 Привет! В этом абзаце первое предложение будет с "красной" строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.
 [/indent]
@@ Строка 181: / Строка 144: @@
      Предупреждение! Тэг не делает переноса строки автоматом!
 [/pre]
+</code>
+===== Форматирование списков=====
-Форматирование списков
+<code>
 Используем тэг [ul] или [list] для маркированных списков:
@@ Строка 222: / Строка 186: @@
 [list=i] — список, пронумерованный римскими цифрами
+</code>
-Картинки
+===== Картинки =====
+<code>
 [img] http://img.cx/img/primer.jpg [/img] — пример вставки картинки.
@@ Строка 229: / Строка 194: @@
 * Данный код аналогичен коду в HTML:
 <img src="http://img.cx/img/primer.jpg" style="float: left; margin: 0 10px 0 0;">
 [imgright] http://img.cx/img/primer.jpg [/imgright] — картинка справа.
 * Данный код аналогичен коду в HTML:
 <img src="http://img.cx/img/primer.jpg" style="float: right; margin: 0 0 0 10px;">
 [imgcenter] http://img.cx/img/primer.jpg [/imgcenter] — картинка по центру.
 * Данный код аналогичен коду в HTML:
@@ Строка 243: / Строка 206: @@
 [img Название] http://img.cx/img/primer.jpg [/img] — пример вставки картинки.
 [imgleft Название] http://img.cx/img/primer.jpg [/imgleft] — картинка слева.
 [imgright Название] http://img.cx/img/primer.jpg [/imgright] — картинка справа.
 [imgcenter Название] http://img.cx/img/primer.jpg [/imgcenter] — картинка по центру.
+</code>
-Картинки с указанными размерами:
+====Картинки с указанными размерами:====
+<code>
 [img=300×500] http://img.cx/img/primer.jpg [/img] — пример картинки с размером.
 * Данный код аналогичен коду в HTML:
@@ Строка 259: / Строка 219: @@
 [imgright=300×500] http://img.cx/img/primer.jpg [/imgright] — картинка справа, с размером.
+</code>
-Вставка больших изображений с полосами прокрутки:
+====Вставка больших изображений с полосами прокрутки:====
+<code>
 [image] http://www.hdsw.ru/pics/IMG_1734.jpg [/image] — картинка в выделенной области, если она больше доступного размера отображения на форуме.
+</code>
+====Миниатюры изображения со ссылкой на оригинал:====
-Миниатюры изображения со ссылкой на оригинал:
+<code>
 [imgmini=_адрес-mini] адрес [/imgmini] — открыть изображение в новом окне.
 * Данный код аналогичен коду в HTML:
@@ Строка 274: / Строка 234: @@
 * Данный код аналогичен коду в HTML:
 <a href="адрес"><img src="адрес-mini"></a>
+</code>
+===== Ссылки на другие страницы, FTP, E-Mail и др. =====
-Ссылки на другие страницы, FTP, E-Mail и др.
+<code>
 [url] http://www.hdsw.ru/ [/url] — обычная ссылка.
 * Данный код аналогичен коду в HTML:
@@ Строка 287: / Строка 248: @@
 Картинка-ссылка (баннер):
 [url=http://www.hdsw.ru/] [img] http://img.cx/img/primer.jpg [/img] [/url]
 [email] e-mail@example.com [/email] — почтовый ящик как ссылка.
 [email=e-mail@example.com] текст под ссылкой на e-mail [/email]
 [icq] номер ICQ [/icq] — вставка ICQ-номера как ссылки.
 [skype] логин в Skype [/skype] — вставка учётной записи Skype как ссылки.
 [wmid] номер WMID [/wmid] — вставка WebMoney-идентификатора WMID как ссылки.
 [wiki] искомое значение [/wiki] — ссылка на значение в энциклопедии.
 [wiki=искомое значение] отображаемый текст [/wiki] — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.
+</code>
-Ссылки внутри форумов и блогов:
+==== Ссылки внутри форумов и блогов:====
+<code>
 [user] имя_пользователя [/user] — ссылка на профиль пользователя.
 [user=ID_пользователя] имя_пользователя_произвольно [/user] — ссылка на профиль пользователя с произвольным текстом.
 [forum=ID_форума] Описание [/forum] — ссылка на подфорум по его ID.
 [blog=ID_блога] Описание [/blog] — ссылка на блог по его ID.
@@ Строка 322: / Строка 276: @@
 [entry=ID_поста] Описание [/entry] — ссылка на пост в блоге по его ID.
+</code>
+===== Таблицы =====
-Таблицы
+<code>
 Пример простейшей таблицы:
@@ Строка 344: / Строка 299: @@
 [tr rowspan="2"]
 [td style="font-size: 18pt"]
+</code>
+===== Специальные тэги =====
-Специальные тэги
+<code>
 [br] — тэг переноса строки.
 [bs] — вставка неразрывного пробела, преобразуется в &nbsp;
 [tab] — вставка отступа на 32 пикселя (4 символа), аналог символа TAB.
 [ucase] ТЕКСТ [/ucase] — выделенный текст в верхнем регистре.
 [lcase] текст [/lcase] — выделенный текст в нижнем регистре.
 [highlight] Этот текст выделен [/highlight] — позволяет выделить ваш текст (цветом/фоном/шрифтом).
 [spoiler=заголовок] скрытый текст [/spoiler] — позволяет спрятать большой кусок текста и изображения под ссылку (кат). Пример:
 [spoiler="Скриншоты"] [img] http://example.com/1.jpg [/img] скрытый текст [/spoiler]
 [extract] текст [/extract] — позволяет выделить часть поста в блоге, которая будет показана на титульной странице блога и в RSS feed. Остальной текст будет показан только на странице поста.
 [noparse] [b]значение[/b] [/noparse] — отменяет распознавание BB-кодов в выделенном тексте.
 [noindex] текст [/noindex] — выделенный текст не будет индексироваться поисковыми системами.
 [acronym=‘Твой Верный Спутник’] ТВС [/acronym] — позволяет ввести сокращение (акроним), которое будет показывать пояснение при наведении на него мышью.
 [abbr] аббревиатура [/abbr] — указывает, что последовательность символов является аббревиатурой.
 [abbr=расшифровка_аббревиатуры] аббревиатура [/abbr]
 [cite] Сноска [/cite] — помечает текст как цитату или сноску на другой материал.
 [cite свойства] Сноска [/cite]
 [address] адрес [/address] — тэг предназначен для хранения информации об авторе и может включать в себя любые элементы вроде ссылок, текста, выделений и т.д.
 [address свойства] адрес [/address]
 [text-demo] — подключает файл text-demo.txt (можно использовать для проверки стилей шаблона).
 [hr] — тэг вставки линии на всю ширину доступной области:
+</code>
+===== Работа с терминами =====
-Работа с терминами
+<code>
 Для работы с терминами используется тройка элементов [dl], [dt], [dd], предназначенных для создания списка определений. Каждый такой список начинается с контейнера [dl], куда входит тег [dt], создающий термин и тег [dd], задающий определение этого термина. Закрывающий тег [/dt] не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
 Пример:
 [dl]
@@ Строка 394: / Строка 335: @@
         [dd] Определение термина 2 [/dd]
 [/dl]
 Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег [dfn] применяется для выделения таких терминов, при их первом появлении в тексте.
 [dfn] Новый термин [/dfn]
 [dfn свойства] Новый термин [/dfn]
+</code>
+=====  Вставка видео и других flash-объектов =====
-Вставка видео и других flash-объектов
+<code>
 [video] ссылка [/video] — универсальный тег.
 Тэги под специализированные видеохостинги с использованием идентификатора:
 [youtube] идентификатор [/youtube] — вставка видеоролика с YouTube.com
 [rutube] идентификатор [/rutube] — вставка видеоролика с RuTube.ru
 [googlevideo] идентификатор [/googlevideo] — вставка видеоролика с Google.com
 [veoh] идентификатор [/veoh] — вставка видеоролика с Veoh.com
 [smotri] идентификатор [/smotri] — вставка видеоролика с Smotri.com. Возможна модификация [smotricomvideo]
 Тэги под специализированные видеохостинги с использованием ссылки:
 [mailvideo] ссылка [/mailvideo] — вставка видеоролика с Mail.ru
 [yandexvideo] ссылка [/yandexvideo] — вставка видеоролика с Yandex.ru
@@ Строка 432: / Строка 364: @@
 [veoh]v922088SBwxySaR[/veoh]
 [yandexvideo]pugachev-alexander/1rgzbi6w6b.809/[/yandexvideo]
+</code>
+===== Отображение примеров различных кодов =====
-Отображение примеров различных кодов
 BB-код в том числе предназначен для публикации примеров различных кодов. С помощью специального форматирования код будет только отображаться, но не исполняться. Кроме того, программный код будет отображаться с «цветовой подсветкой» (highlight).
+<code>
 [prog=язык] текст программы [/prog]
 где «язык» может принимать значения: cpp, objectivec, cs, delphi, avrasm, 1c, python, profile, perl, erlang, erlang_repl, apache, nginx, php, xml, html, css, java, javascript, vbscript, sql, lisp, django, scala, ruby, go, lua, vala, rsl, rib, mel, smalltalk, bash, cmake, axapta, vhdl, parser3, tex, haskell, dos, ini, diff, no-highlight.
@@ Строка 442: / Строка 374: @@
 [code] текст моноширинным шрифтом [/code] — любой код и текст.
 [code=php] текст [/code] — код языка PHP с соответствующей «цветовой подсветкой».
 [php] отображаемый HTML-код [/php] — код PHP с «цветовой подсветкой».
 [html] отображаемый HTML-код [/html] — код HTML с «цветовой подсветкой».
 [sql] отображаемый HTML-код [/sql] — SQL-код с «цветовой подсветкой».
+</code>
+===== Специальные символы =====
-Специальные символы
 Код	Символ	Для набора на клавиатуре нажмите*
+<code>
 &laquo;	«	ALT+0171
 &raquo;	»	ALT+0187
@@ Строка 467: / Строка 395: @@
 ** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
 &nbsp; &nbsp; &nbsp; — теперь слева отступ в шесть пробелов!
+</code>
-Возможные варианты символов, их названий и кодов доступны здесь.
+Возможные варианты символов, их названий и кодов доступны [[https://www.hdsw.ru/?p=25|здесь.]]
+===== Дополнения и Файлы =====
+  * [[https://www.hdsw.ru/?p=543|Ссылка на официальныый пост]]