Bb-код таблиць

Ніде не змальовувала - розробка моя, і якщо хтось раніше додумався - я не бачила. Сенс в тому, що підтримку з цього bb-коду - надаю) Він трохи складніше, ніж хак. але його можливості по оформленню таблиць - більше, як мені здається. І звикати не потрібно - все bbкоди всередині осередків - працюють в звичайному режимі.

Для створення таблиць вам знадобиться створити три бб-коду: для таблиць в цілому, для рядків і для осередків.

bb-код для таблиць:

Тема: Початок і кінець таблиці.
Назва BB коду: tab
заміна:

ВАЖЛИВО! стиль таблиць можна змінити в цьому пункті:


border: 1px solid grey; / * Кордон таблиці однопіксельні суцільна сіра * /
border-collapse: collapse; / * Це краще не міняти - прибирає подвійні рамки * /
background: white; / * Фон таблиці - білий, міняйте на потрібний * /
width: 100%; / * Ширина в повідомленнях * /
padding: 5px; / * Відстань між вмістом таблиці і межами таблиці * /

приклад: # 91; tab # 93; Таблиця # 91; / tab # 93;
Опис: Починає і закінчує таблицю.
Опції і нижче: все "ні"

Тема: Початок і кінець рядка.
Назва BB коду: tr
заміна:

приклад: # 91; tr # 93; Рядок # 91; / tr # 93;
Опис: Починає і закінчує рядок.
Опції і нижче: все "ні"

Тема: Початок і кінець осередки.
Назва BB коду: td
заміна:

приклад: # 91; td # 93; Осередок # 91; / td # 93;
Опис: Починає і закінчує осередок.
Опції і нижче: все "ні"

Створивши ці три bb-коду, ви зможете будувати таблиці таким чином:

# 91; tr # 93; # 91; td # 93; 1 осередок 1 рядка # 91; / td # 93; # 91; td # 93; 2 осередок 1 рядка # 91; / td # 93; # 91; / tr # 93;
# 91; tr # 93; # 91; td # 93; 1 осередок 2 рядки # 91; / td # 93; # 91; td # 93; 2 осередок 2 рядки # 91; / td # 93; # 91; / tr # 93;


Тобто починаємо і закінчуємо таблицю першим bb-кодом, кожен рядок - другим, а осередок - третім.

Єдина незручність - після повного створення таблиці потрібно прибрати всі прогалини між тегами - інакше перед таблицею буде розрив.

Питання і побажання по доопрацюванню - вітаються.

Допрацювала систему, тепер можна об'єднувати між собою як стовпці, так і рядки. Додаємо ще два bb-коду.

Тема: Об'єднуємо вертикальні осередки.
Назва BB коду: tdr
заміна:

приклад: # 91; tdr = "2" # 93; Приклад # 91; / tdr # 93;
Опис: Встановлює число осередків, які повинні бути об'єднані по вертикалі.
Використовувати опцію: так
Всі інші нижче: немає

Тема: Об'єднуємо горизонтальні осередки.
Назва BB коду: tdc
заміна:

приклад: # 91; tdc = "2" # 93; Приклад # 91; / tdc # 93;
Опис: Об'єднує стільки стовпців, скільки вказано в опціях.
Використовувати опцію: так
Всі інші нижче: немає

Всі звичайні теги всередині таблиць і раніше працюють.

Приклад таблиці на тестовому

Схожі статті