Разное

Вики разметка в паблике: Вики-разметка ВКонтакте для чайников

Содержание

Что это – wiki-разметка ссылки? Как сделать wiki-разметку своими руками?

Какой самый распространенный на сегодня язык разметки? Вариаций можно назвать много. Но в их числе обязательно будет упомянута wiki-разметка. Что это такое, как ее применять на практике, мы с вами разберемся далее в статье.

Что это?

Wiki-разметка – один из языков разметки, что используется для создания, оформления и редактирования контента на тех веб-сайтах, которые можно отнести к разряду вики-проектов. Главный его плюс – позволяет упростить доступ к возможностям языка HTML.

Страницы, которые оформляют при помощи wiki-разметки, предварительно преобразуют в HTML для их дальнейшего просмотра в браузере. Подобное преобразование обеспечивает специальное программное обеспечение – вики-движок.

Есть ли какая-то стандартизация для использования wiki-разметки? Да, это Creole – одна из попыток применить общие правила для вики-разметок на различных сайтах. На сегодняшний день насчитывается несколько вики-движков, поддерживающих Creole.

Разнообразие языков вики-разметки

Исходя из вышесказанного, отметим: в настоящее время не существует общепринятого стандарта для вики-разметки. Существует несколько языков, несовместимых между друг другом. Структура, грамматика, ключевые слова, правила использования и иные особенности зависят от конкретной реализации проекта, конкретной вики-системы.

Да, языки вики-разметки предоставляют возможность создавать перекрестные ссылки на другие страницы, но используя свой синтаксис. Многие, особенно ранние, вики используют специальное соглашение CamelCase для разметок слов, по которым и возможно сформировать перекрестные ссылки. А в “Медиавики” (один из распространенных движков для вики-проектов) используется конструкция [[…]] для этого. Подобные перекрестные ссылки называются free links.

Разные вики-программы будут поддерживать разные наборы HTML-элементов в правилах разметки вики-текстов. В ряде случаев доступные HTML-элементы могут иметь индивидуальный внешний вид, согласующийся с оформлением веб-сайта. А “Медиавики” будет поддерживать множество стандартных HTML-элементов.

Вики-разметка и SMM

Как сделать wiki-разметку, важно знать каждому SMM-щику. Ведь это специальные теги, которые помогают эстетично оформить текст. И открывающие заметно упрощенный доступ к возможностям языка HTML.

Не нужно повторять, что внимание читателей прежде всего привлекают визуально стройные, красивые посты в соцсетях. Такого эстетического эффекта и позволяет достичь вики-разметка. В первую очередь, она делает текст читабельным.

Такой эффект достигается за счет следующего:

  • Оформление меню паблика.
  • Логичные внутренние ссылки и переходы внутри сообщества – на аудио-, видеофайлы, альбомы с фотографиями.
  • Добавление внешних удобных ссылок на другие сообщества, личные страницы или сторонние сайты.
  • Красивое оформление тем, подзаголовков, списков, таблиц и проч.

Почему так важно знать, как сделать wiki-разметку в социальных сетях? Например, в популярном российском “Вконтакте” (эту сеть мы в дальнейшем и будем использовать для примера) с ее помощью вы можете создать практическую полную альтернативу веб-станицам. Конечно, основанным на правилах вики-разметки.

Дополнительные возможности с разметкой

Вики-разметка открывает и дополнительные возможности для специалиста:

  • Создание больших грамотно отформатированных текстов с подзаголовками, списками, выделением, отступами, абзацами, различными шрифтами, подчеркиванием и проч.
  • Добавление в текст статей “Вконтакте” иллюстраций, видеозаписей.
  • Создание полноценных посадочных страниц.
  • Проектирование навигационного меню по содержанию сообщества и проч.
  • Создание “кнопок”. Например: “Подписаться на ресурс”, “Отправить материальную помощь” и проч.
  • Возможность распространять гостевые публикации, тем самым привлекая трафик.
  • Предоставление нужных по ходу статьи ссылок (на другой материал или определенный абзац).
  • Разработка простых квестов, игр.

Перейдем теперь к практическому воплощению сказанного.

Вики-приложения

Как быстро сделать wiki-разметку ссылки на Email? Простое конструирование страниц возможно исполнить с помощью специальных программ. Представим самые распространенные приложения:

  • “Вики-постер”.
  • “Исходный код”.
  • “Мобивик” (подходит для использования на мобильных устройствах).

В “Вики-постере” вы заходите в программу и поэтапно следуете указаниям системы. Работа “Исходного кода” и “Мобивика” несколько иная. Пользователю надо выбрать паблик, сообщество, с которым он собирается работать, затем рядом с его наименованием тапнуть на “Новая”, после чего ввести необходимый заголовок. После этих действий уже откроется редактор.

Самостоятельное создание публикации

Разберем, как применить wiki-разметку для VK. В нашем примере – самостоятельное создание поста с ее помощью:

  1. Для публикации первым делом в группе открываются материалы. Администратор переходит в “Управление сообществом”, далее перемещается в разделы, где и подключает данный пункт.
  2. Возвращаемся к самому сообществу. Вам нужно узнать и скопировать его id. Это цифровой порядковый номер, который вы увидите в адресной строке браузера после club.
  3. Следующий этап – использование шаблонов wiki-разметки. Вам пригодится ссылка: http://vk.com/pages?oid=-*******&p=Имя. Вместо звездочек вставьте цифровую последовательность из второго пункта, а именем будет название создаваемого раздела. Можно использовать русские буквы, цифры, вставлять пробелы. Помните, что в дальнейшем изменить это название нельзя!
  4. Кликните на “Наполнить содержанием”. В ответ на действие откроется редактор.
  5. Важный момент: скопируйте адрес этой страницы до «?act…». Сохраните информацию в отдельном документе. Эту страницу просто потерять, так как она еще не закреплена.
  6. Перейти к меню wiki-разметки просто: кликните на значок <> в правой части. Оно содержит гораздо больше функций, нежели стандартное для пользователей “Вконтакте”. Тут возможно красиво оформить текст, разбить его на абзацы и подзаголовки, добавить иллюстрации.

Работа с публикацией

Чтобы оформить свой текст, используйте появившуюся на рабочем окне панель инструментов. Можно применить и популярные коды wiki-разметки:

  • <b><b/> – использование полужирного шрифта.
  • <i></i> – текст, написанный курсивом.
  • <u></u> – подчеркнутый текст.
  • [] – ссылка на определенный материал, внешний ресурс.

Работа сделана? Обязательно проверьте статью перед ее публикацией. Для этого есть кнопка “Предпросмотр”: она позволяет увидеть материал таким, каким он предстанет перед глазами читателей. Все недочеты можно исправить.

Публикация и финальное оформление текста

Как сделать пост видимым для подписчиков сообщества? Вставьте ссылку, которую вы скопировали по совету из инструкции выше, на стену вашего паблика. Кликните на значок “три точки” с правой стороны, выберите “Закрепить”.

К созданной заметке в посте можно прикрепить какое-либо изображение для привлечения внимания читателя. Для этого следует перейти в настройки, нажать на значок “фотоаппарат” и выбрать подходящее фото.

Опубликуйте материал. Статья станет видимой подписчикам после клика ими на кнопку “Просмотреть”. Вот и все – вы создали интересный пост “Вконтакте” с использованием вики-разметки.

Wiki-разметка ссылки

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

Итак, как создать при помощи wiki-разметки ссылку на Email? Все очень просто:

  1. Скопируйте необходимую ссылку в адресной строке браузера.
  2. В нужном месте текста публикации поставьте квадратные скобки.
  3. Между этими скобками вставьте скопированную информацию вот таким образом: [xxx].
  4. Ссылка готова.

Таким образом, вы можете создавать внешние ссылки на сторонние ресурсы, картинки. В последнем случае на месте ссылки после публикации читатели увидят изображение.

По схожей системе добавляются и внутренние ссылки – на какие-либо ресурсы внутри самого пространства “Вконтакте”:

  • Фотоальбомы пользователя или сообщества.
  • Видеозапись пользователя или сообщества.
  • Аудиозаписи пользователя или сообщества.
  • Картинка или фотография.
  • Обсуждение, опрос.
  • Статистика какого-либо паблика.
  • Приложения.
  • Приглашения в сообщества и проч.

Наглядное воплощение вышесказанного в жизнь представлено в расположенном ниже видеоуроке.

Создание меню сообщества

Представим, как оформить простую графическую навигацию в сообществе “Вконтакте” с использованием вики-разметки:

  1. Первым делом подготовьте подходящие картинки: это могут быть готовые иконки из сети или же какое-либо изображение, предварительно разрезанное на части.
  2. Чтобы поделить фотографию на несколько элементов, удобно пользоваться приложением IMGonline.
  3. Загрузите картинки в редактор.
  4. Нажмите на значок <>.
  5. Если вам нужно, чтобы между картинками в меню не было границ, необходимо дописать к каждой из них nopadding.
  6. После этого слова обязательно добавьте к каждой фотографии ссылку на раздел, к которому будет вести данная кнопка.
  7. Теперь осталось сохранить результаты и прикрепить их на стену от имени вашего сообщества.
  8. К навигационной странице можно добавить привлекающее внимание изображение. Например, с той же надписью “Меню”.

Советы напоследок

Представим несколько рекомендаций от специалистов:

  • Не стоит оформлять контент в визуальном редакторе. В таком случае наблюдаются проблемы: пропажа тэгов, изменение размера картинок.
  • Не добавляйте в назнвание знаки “плюс” и “минус”. Они будут подвержены перекодировке, в результате которой может “сломаться” меню.
  • Не используйте длинные ссылки! Домен первого уровня должен быть менее 6 символов.
  • Чтобы узнать больше о вики-разметке на сайте “Вконтакте”, обратиться к объемному справочнику, который представляется самой социальной сетью. Там рассмотрены практически все вопросы, которые могут возникнуть у пользователя.

Язык вики-разметки – один из простых способов доступа к возможностям языка HTML. Сегодня его широко применяют для продвижения публикаций на вики-сайтах. Частым примером является популярный “Вконтакте”. Вы знаете теперь, как оформить интересный пост с использованием вики-разметки.

Справка:Таблицы – MediaWiki

Other languages:

  • Bahasa Indonesia
  • Deutsch
  • English
  • Esperanto
  • Nederlands
  • Tiếng Việt
  • Türkçe
  • Yorùbá
  • Zazaki
  • català
  • dansk
  • español
  • français
  • italiano
  • polski
  • português
  • português do Brasil
  • română
  • slovenčina
  • srpskohrvatski / српскохрватски
  • suomi
  • svenska
  • čeština
  • русский
  • тоҷикӣ
  • українська
  • հայերեն
  • العربية
  • فارسی
  • ไทย
  • 中文
  • 日本語
  • 한국어
Примечание: Редактируя эту страницу, вы соглашаетесь на передачу своего вклада по лицензии CC0.
Подробнее — в проекте Помощь с общественным достоянием.
Запрос Таблицы перенаправляется сюда; информацию о структуре вики таблиц, смотрите Manual:Макет базы данных .

В вики-страницах могут быть созданы таблицы. Как правило, следует избегать создания таблиц, за исключением случаев, когда они действительно необходимы. Поскольку разметка таблиц усложняет редактирование страницы.[1]

{|начало таблицы, обязательное
|+заголовок таблицы, необязателен; может находиться только между началом таблицы и первой строкой таблицы
|-строка таблицы, в первой строке необязательно — вики-движок сам подставит первую строку
!ячейка заголовка таблицы, необязательно. Идущие подряд ячейки заголовка таблицы могут быть указаны в одной строке, разделённые двойным маркером (!!), или начинаться с новой строки с одиночным маркером (!).
|ячейка
данных, необязательно. Идущие подряд ячейки данных могут быть указаны на одной строке, разделённые двойным маркером (||), или начинаться каждый с новой строки, предваряемые одиночным маркером (|).
|}конец таблицы, обязательное
  • вышеприведённые знаки должны начинаться с новой строки, кроме двойных || и !! для последовательных ячеек в строке. Тем не менее, пробелы в начале строки игнорируются.
  • атрибуты XHTML. Каждый знак разметки, кроме конца таблицы, может иметь при себе один или несколько атрибутов XHTML. Атрибуты должны быть на той же строке, что и знаки разметки. Атрибуты следует разделять друг от друга одиночным пробелом.
    • У ячеек и заголовка (| или ||, ! или !!, и |+) есть содержимое. Поэтому содержимое от атрибутов тэга нужно отделять вертикальной чертой (
      |      ). Содержимое может располагаться в той же строке или в следующих строках.
    • Маркеры таблицы и строк ({| и |-) напрямую не содержат контента. Не добавляйте разделитель в виде вертикальной черты (|) после их необязательных атрибутов. Если вы добавите его по ошибке к маркеру таблицы или строки, парсер удалит его и атрибут может присоединиться к неверному маркеру.
  • Содержимое может располагаться (а) за знаком ячейки в той же строке после необязательных XHTML атрибутов или (б) на строках под знаком ячейки. Содержимое, использующее вики-разметку, которая должна сама начинаться с новой строки, например, списки, заголовки или вложенные таблицы, разумеется, должно начинаться с новой строки.
    • Вертикальная черта в качестве символа. Для того, чтобы вставить вертикальную черту (|) в качестве символа в таблицу, используйте разметку экранирования
      <nowiki><code>|</code></nowiki>      .

Create a table with editor toolbar

In wikitext editor, place the caret where you want to insert a table. Then, in the toolbar, press “Дополнительно”, then choose  Таблица button. A dialog opens.

From the dialog, you can choose whether to enable a table header row, to stylize the table with border and to make the table sortable. A preview example is displayed. You can also set row and column counts you need. Then, press “Вставить” button.

By default, the following code is generated:

Wikicode:
{|
|+ Текст подписи
|-
! Текст заголовка !! Текст заголовка !! Текст заголовка
|-
| Текст ячейки || Текст ячейки || Текст ячейки
|-
| Текст ячейки || Текст ячейки || Текст ячейки
|-
| Текст ячейки || Текст ячейки || Текст ячейки
|}

Результат:
Текст подписи
Текст заголовкаТекст заголовкаТекст заголовка
Текст ячейкиТекст ячейкиТекст ячейки
Текст ячейкиТекст ячейкиТекст ячейки
Текст ячейкиТекст ячейкиТекст ячейки

Minimal syntax

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

Вы вводитеВы получаете
{|
|Апельсин
|Яблоко
|-
|Хлеб
|Пирог
|-
|Масло
|Мороженое 
|}
АпельсинЯблоко
ХлебПирог
МаслоМороженое

Ячейки в одной строке могут быть размещены на одной линии, разделённые знаками || (два символа-разделителя). Если текст в ячейке должен содержать разрыв строки, используйте вместо разрыва

‎<br />.

Вы вводитеВы получаете
{|
|Апельсин||Яблоко||и т.д.
|-
|Хлеб||Пирог||и т.д.
|-
|Масло||Мороженое||и <br /> т. д.
|}
АпельсинЯблокои т.д.
ХлебПироги т.д.
МаслоМоро
женое		и
т.д.

Дополнительные пробелы внутри вики-разметки для улучшения её внешнего вида, как это показано в примере ниже, не влияют на итоговый вид таблицы.

Вы вводитеВы получаете
{|
|  Апельсин || Яблоко || и т.д.
|-
|   Хлеб || Булка || и т.д.
|-
|   Масло || Мороженое || и т.д.
|}
АпельсинЯблокои т.д.
ХлебПироги т.д.
Масло		Мороженоеи т.д.

У вас также может быть более длинный текст или более сложное написание в ячейках таблицы:

Вы вводитеВы получаете
{|
|Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, 
sed diam voluptua. 
At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum
dolor sit amet. 
|
* Lorem ipsum dolor sit amet
* consetetur sadipscing elitr
* sed diam nonumy eirmod tempor invidunt
|}
Lorem ipsum dolor sit amet,

consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet
  • consetetur sadipscing elitr
  • sed diam nonumy eirmod tempor invidunt

Заголовки таблиц

Заголовки таблиц можно создать, используя “!” (восклицательный знак) вместо “|” (вертикальной черты). Заголовки по умолчанию показываются обычно жирными и отцентрированными.

Вы вводитеВы получаете
{|
!| Предмет
! Количество
! Цена
|-
|Апельсин
|10
|7.00
|-
|Хлеб
|4
|3.00
|-
|Масло
|1
|5.00
|-
!Всего
|
|15.00
|}
ПредметКоличествоЦена
Апельсин107.00
Хлеб43.00
Масло15. 00
Всего15.00

При использовании атрибутов, как в заголовке ‘Предмет’, нужна вертикальная черта ‘|’ для разделения. Но не восклицательный знак ‘!’.

Название таблицы

Над таблицей может быть размещено её название, как показано ниже.

Вы вводитеВы получаете
{|
|+Комплект продуктов
|-
|Апельсин
|Яблоко
|-
|Хлеб
|Пирог
|-
|Масло
|Мороженое 
|}
Комплект продуктов
АпельсинЯблоко
ХлебПирог
МаслоМороженое

class=”wikitable”

Основной стиль (светло-серый фон, границы, отступ и выравнивание слева) можно получить, добавив.

Вы вводитеВы получаете
{|
|+Комплект продуктов
|-
|Апельсин
|Яблоко
|-
|Хлеб
|Пирог
|-
|Масло
|Мороженое 
|}
Комплект продуктов
АпельсинЯблоко
ХлебПирог
МаслоМороженое

Атрибуты HTML

colspan и rowspan

Вы можете использовать атрибуты HTML colspan и rowspan для ячеек при более сложной разметке.

Вы вводитеВы получаете
{|
!colspan="6"|Список покупок
|-
|rowspan="2"|Хлеб и масло
|Пирог
|Плюшки
|Слойка
|colspan="2"|Круассан
|-
|Сыр
|colspan="2"|Мороженое
|Масло
|Йогурт
|}
Список покупок
Хлеб и маслоПирогПлюшкиСлойкаКруассан
СырМороженоеМаслоЙогурт

В таблицы вы можете добавлять атрибуты XHTML. В качестве официального источника по ним смотрите страницу спецификации W3C HTML-таблиц.

Атрибуты для таблиц

Помещая атрибуты после начального тэга таблицы ({|) применяет атрибуты ко всей таблице.

Вы вводитеВы получаете
{|
|Апельсин
|Яблоко
|12,333.00
|-
|Хлеб
|Пирог
|500.00
|-
|Масло
|Мороженое
|1. 00
|}
АпельсинЯблоко12,333.00
ХлебПирог500.00
МаслоМороженое1.00

Атрибуты для ячеек

Можно использовать атрибуты в отдельных ячейках. Например, числа могут выглядеть лучше, когда выровнены справа.

Вы вводитеВы получаете
{|
| Апельсин
| Яблоко
| | 12,333.00
|-
| Хлеб
| Булка
| | 500.00
|-
| Масло
| Мороженое
| | 1.00
|}
АпельсинЯблоко12,333.00
ХлебПирог500.00
МаслоМороженое1.00

Также можно использовать атрибуты ячейки, когда вы размещаете несколько ячеек в одной строке. Обратите внимание, что ячейки разделены ||, а внутри каждой ячейки атрибут(ы) и значение разделены |.

Вы вводитеВы получаете
{|
| Апельсин || Яблоко     || | 12,333.00
|-
| Хлеб || Пирог       || | 500.00
|-
| Масло || Мороженое || | 1.00
|}
АпельсинЯблоко12,333.00
ХлебПирог500.00
МаслоМороженое1.00

Атрибуты для строк

Для строки тоже можно использовать атрибуты.

Вы вводитеВы получаете
{|
| Апельсин
| Яблоко
|| 12,333.00
|-
| Хлеб
| Пирог
|| 500.00
|-
| Масло
| Мороженое
|| 1.00
|}
АпельсинЯблоко12,333.00
ХлебПирог500.00
МаслоМороженое1.00

Атрибуты подписи и заголовков

Атрибуты можно добавлять в заголовки и названия как показано ниже.

Вы вводитеВы получаете
{|
|+|''Комплект продуктов''
|-
! | Фрукты
! | Жиры
|-
|Апельсин
|Масло
|-
|Груша
|Пирог
|-
|Яблоко
|Мороженое 
|}
Комплект продуктов
ФруктыЖиры
АпельсинМасло
ГрушаПирог
ЯблокоМороженое

Ширина границы

Если у атрибута “border-width:” только одно число, он применяется ко всем четырем сторонам границы:

Вы вводитеВы получаете
{|style="border-style: solid; border-width: 20px"
|
Привет
|}

Привет

Если у атрибута “border-width:” более одного числа, то четыре цифры соответствуют сверху, справа, снизу, слева (ЗАПОМНИТЕ этот порядок ↑→↓←):

Вы вводитеВы получаете
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|
Привет
|}

Привет

Когда значений меньше 4х, то значение для левой границы соответствует значению для правой, значение для нижней границы соответствует значению для верхней, а значение для правой границы соответствует значению для верхней.
  • три значения, то есть top, right, bottom: тогда значением по умолчанию для left является значение right (второе значение). Для Width то же самое слева и справа.
  • два значения, то есть top, right: тогда значением по умолчанию для bottom является значение top (первое значение), а для left по умолчанию присваивается значение right (второе значение). Ширина сверху такая же, как и снизу; Ширина слева такая же, как справа.
  • одно значение, то есть top: тогда значением по умолчанию для right является значение top, и оно одинаково для bottom и left. Четвертая ширина одинакова и строит правильную границу. Это самый короткий вариант.

Другой метод задать ширину четырёх сторон ячейки – использовать атрибуты “border-left”, “border-right”, “border-top” и “border-bottom”:

Вы вводитеВы получаете
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black;" align="center" 
|
Привет
|}

Привет

С HTML атрибутами и стилями CSS

Атрибуты стиля CSS можно использовать вместе с другими HTML атрибутами или отдельно.

Вы вводитеВы получаете
{| cellpadding="10"
|Апельсин
|Яблоко
|-
|Хлеб
|Пирог
|-
|Масло
|Мороженое 
|}
АпельсинЯблоко
ХлебПирог
МаслоМороженое

Padding

Вы вводитеВы получаете
{|class=wikitable 
| | Пример
|-
| | Пример<br/><br/>Укажите отступ для '''КАЖДОЙ ЯЧЕЙКИ'''
|-
| | Пример
|}
Пример
Пример

Укажите отступ для КАЖДОЙ ЯЧЕЙКИ

Пример

Ширина столбца

Ширину столбца можно задать следующим образом:

Вы вводите:

{|
| colspan="2" | Ширина этого столбца составляет 85% ширины экрана
|-
|| '''Этот столбец составляет 30% из 85% ширины экрана'''
|| '''Этот столбец составляет 70% от 85% ширины экрана'''
|}

Вы получаете:

Ширина этого столбца составляет 85% ширины экрана
Этот столбец составляет 30% из 85% ширины экранаЭтот столбец составляет 70% от 85% ширины экрана

Доступность ячеек шапки таблицы

Ячейки шапки таблицы явно не указывают к каким данным ячейки таблицы они применяются (к тем, что справа от них на той же строке; или к тем, что снизу в том же столбце). Когда таблица прорисовывается в визуальном 2D окружении, то при этом обычно легко сделать выводы.

Однако, когда таблицы воспроизводятся на невизуальных медиа, вы можете помочь браузеру определить, к какой ячейки шапки таблицы применяется описание любой выделенной ячейки (для того, чтобы повторить её содержание с каким-нибудь помощником), использовав атрибуты scope=”row” или scope=”col” на ячейках шапки таблицы. В большинстве случаев с простыми таблицами вы будете использовать scope="col" на всех ячейках заголовка первой строки, и scope="row" на первой ячейке следующих строк:

Вы вводитеВы получаете
{|
|-
! scope="col"| Предмет
! scope="col"| Количество
! scope="col"| Стоимость
|-
! scope="row"| Хлеб
| 0.3 kg
| $0.65
|-
! scope="row"| Масло
| 0.125 kg
| $1.25
|-
! scope="row" colspan="2"| Всего
| $1.90
|}
ПредметКоличествоСтоимость
Хлеб0. 3 kg$0.65
Масло0.125 kg$1.25
Всего$1.90

Выравнивание таблицы

Выравнивание таблицы достигается с использованием CSS. Выравнивание таблицы контролируется с помощью полей. Фиксированное поле на одной стороне сделает таблицу выравненной по этой стороне, если на противоположной стороне поле задано как auto. Чтобы выравнять таблицу по центру, следует выставить оба поля на auto.

Для примера, таблица с выравниванием по правому краю:

Вы вводитеВы получаете
{|
| Апельсин
| Яблоко
|-
| Хлеб
| Пирог
|-
| Масло
| Мороженое 
|}
АпельсинЯблоко
ХлебПирог
МаслоМороженое

И таблица с выравниванием по центру:

Вы вводитеВы получаете
{|
| Апельсин
| Яблоко
|-
| Хлеб
| Пирог
|-
| Масло
| Мороженое 
|}
АпельсинЯблоко
ХлебПирог
МаслоМороженое

Обтекание таблицы текстом

Если таблица выравнивается по правой или левой стороне страницы, текст, что идёт после таблицы, начинается в конце этой таблицы, оставляя пустое пространство вокруг таблицы. Вы можете сделать так, чтобы текст обтекал вокруг таблицы, заставляя таблицу как бы плавать вокруг текста, вместо простого её выравнивания. Это достигается за счёт использования CSS атрибута float, который может указать, где таблица будет иметь обтекание с левой или правой стороны. При использовании float, поля (margin) не управляют выравниванием таблицы и могут использоваться для указания расстояния между таблицей и окружающим текстом.

Вы вводитеВы получаете
{|
| Апельсин
| Яблоко
|-
| Хлеб
| Пирог
|-
| Масло
| Мороженое 
|}
Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna aliquam erat volutpat. Ut wisi 
enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea 
commodo consequat. Duis autem vel eum iriure dolor 
in hendrerit in vulputate velit esse molestie consequat, 
vel illum dolore eu feugiat nulla facilisis at vero 
eros et accumsan et iusto odio dignissim qui blandit 
praesent luptatum zzril delenit augue duis dolore te 
feugait nulla facilisi.
АпельсинЯблоко
ХлебПирог
МаслоМороженое

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Выравнивание содержимого ячейки

Выравнивание содержимого ячейки может управляться двумя разными CSS-свойствами: text-align и vertical-align. text-align можно указать в таблице, строке или отдельных ячейках, тогда как vertical-align можно задать только отдельным строкам или ячейкам.

Вы вводитеВы получаете
{|
|-
| | A
| | B
| | C
|-
| | D
| | E
| | F
|-
| | G
| | H
| | I
|}
ABC
DEF
GHI

Отрицательные числа

Если ячейка начинается с новой строки с отрицательного числа со знаком минус (или параметра, который оценивается как отрицательное число), это может поломать таблицу, потому что символы |- воспринимаются вики как начало новой строки в таблице, а не новой ячейки. Чтобы избежать такой проблемы, ставьте пробел перед минусом (| -6) или воспользуйтесь внутристроковой разметкой ячейки (||-6).

CSS по сравнению с атрибутами

Границы таблицы, указанные через CSS, а не атрибутами границы, будут воспроизводиться некорректно в небольшом подмножестве текстовых браузеров.

Общие атрибуты столбцов, групп столбцов и групп строк

Синтаксис MediaWiki для таблиц на данный момент не предлагает поддержку общих атрибутов столбцов (тег HTML ‎<col />), групп столбцов (HTML тег ‎<colgroup>‎</colgroup>) и групп строк (HTML теги ‎<thead>‎</thead>, ‎<tbody>‎</tbody> и ‎<tfoot>‎</tfoot>). Указанные стандартные элементы HTML не принимаются даже с использованием синтаксиса HTML или XHTML.

Все строки и ячейки (шапки или данных) таблицы воспроизводятся внутри одной скрытой группе строк (HTML элемент ‎<tbody>‎</tbody>) без каких-либо атрибутов или стилей.

Смотрите также: Справочная:Визуальный редактор/Руководство пользователя

Смотрите Phab: T108245: “Fully support basic table editing in the visual editor” Смотрите список задач. Завершенные задачи поражены. Там может быть трудно понять из-за технического языка, что именно было улучшено, или какие функции были добавлены. Пожалуйста, добавьте пояснительную информацию ниже.

Теперь можно перемещать или удалять столбцы и строки

Нажмите на заголовок столбца или строки. Затем нажмите на стрелку. Во всплывающем меню нажмите Cместить или Удалить.

Вставлять пустую строку или столбец

В том же всплывающем меню нажмите Вставить.

Копировать таблицу с веб-страницы в Визуальный Редактор

Можно скопировать и вставить таблицу с веб-страницы непосредственно в Визуальный Редактор (ВР). Чтобы сделать это безопасно, используйте песочницу и проверьте таблицу на предмет правильного кодирования в режиме источника викитекста и правильного отображения в визуальном редакторе и в режиме предварительного просмотра.

  • Excel2Wiki allows you to copy a stylesheet from Excel, Apache OpenOffice, LibreOffice, or Gnumeric to convert it into wikicode table.
  • Сортировка строк таблицы
  • m:Справка:Сортировка
  • w:Справка:Таблицы
  • Простой инструмент генерации таблиц
  1. ↑ Таблица может быть создана как с использованием непосредственно табличных XHTML-элементов, так и с использованием вики-форматирования. Создание таблиц с использованием XHTML-элементов хорошо описано на различных веб-страницах и не будет здесь рассматриваться. Преимущество вики-кода для разметки таблиц состоит в использовании специальных буквенных символов, что позволяет легче представлять структуру таблицы по сравнению с XHTML-разметкой.
  2. ↑ HTML table cellpadding Attribute

Синтаксис вики-разметки Confluence | Confluence Cloud

На этой странице описывается вики-разметка, используемая на некоторых экранах администрирования в Confluence Cloud.

Вики-разметка полезна, если вы хотите выполнить одно из следующих действий:

  • Создать ссылки, используя вкладку  Дополнительно  обозревателя ссылок.

  • Добавьте настраиваемый контент в заголовок или нижний колонтитул пространства.

  • Вставить блок вики-разметки (или уценки) в редактор Legacy. (Выберите Вставка  >  Разметка .) Примечание. новый редактор не поддерживает разметку. Узнайте больше о новой дорожной карте редактора.

Могу ли я вставить уценку?

Confluence Cloud поддерживает вставку контента в уценке. Это часто используется в файлах ReadMe. Некоторые примеры см. в разделе Сочетания клавиш и автозаполнение.

Чтобы вставить уценку в редакторе Legacy :

  1. Выберите  Вставить  >  Разметка .

  2. Выберите Уценка .

  3. Введите или вставьте свой текст — предварительный просмотр покажет вам, как он будет выглядеть на вашей странице.

  4. Выберите Вставьте .

Как и в случае вики-разметки, Confluence Cloud преобразует вашу разметку в формат расширенного текстового редактора. Вы не сможете редактировать свой контент, используя уценку.

Заголовки

Существует шесть размеров заголовков, от h2 до h6. Чтобы отформатировать текст как заголовок, поставьте перед текстом название нужного заголовка, за которым следует точка:

Ввод

Вывод

h2. заголовок h2

h3. Заголовок h3

Заголовок h3

h4. Заголовок h4

Заголовок h4

h5. Заголовок h5

Заголовок h5

h5. H5 заголовок

H5 заголовок

h6. Заголовок H6

Заголовок H6

Списки

Разметка Wiki позволяет создавать маркированные или нумерованные списки и является достаточно гибкой, чтобы допускать комбинацию двух типов списков.

Чтобы вставить разрыв строки в список, введите //. Пустые строки могут нарушить список.

Маркированные списки

Чтобы создать маркированный список, введите звездочку и пробел перед каждым элементом в списке. Добавьте больше звездочек, чтобы создать подпункты. Каждая дополнительная звездочка добавляет еще один уровень.

Вход

Выход

2 3 4 5 * маркированный пункт * маркированный пункт ** маркированный подпункт ** маркированный подпункт * Бюровой пункт

  • А. 0012

  • маркированный пункт

Чтобы получить квадратные маркеры вместо круглых, используйте дефисы – вместо звездочек *.

Нумерованные списки

Чтобы создать нумерованный список, введите решетку # с пробелом перед каждым элементом в списке. Как и в случае с маркированными списками, количество хэшей определяет уровень элемента.

Вход

Выход

1 2 3 4 5 # пронумерованный элемент # пронумерованный элемент #* подпункт #* подпункт # a numbered item

  1. a numbered item

  2. a numbered item

    1. a sub-item

    2. a sub-item

  3. a numbered item

Подпункты в нумерованных списках могут быть указаны заглавными буквами (A, B, C), строчными буквами (a, b, c), арабскими цифрами (1, 2, 3) или римскими цифрами (i, ii). , iii) в зависимости от вашего браузера и таблиц стилей, установленных на вашем сайте Confluence Cloud.

Смешанные списки

Вы можете комбинировать эти методы для создания смешанных нумерованных и маркированных списков, как показано ниже.

Вход

Выход

15 2 3 4 5 # пронумерованный элемент # пронумерованный элемент #* маркированный подпункт #* маркированный подпункт # пронумерованная позиция

  1. пронумерованная позиция

  2. пронумерованная позиция

    • А. разделены трубой | и строки, разделенные разрывами строк. Чтобы придать ячейке серый фон, добавьте вторую вертикальную черту.

      Например, следующий ввод:

      1 2 3 ||заголовок 1||заголовок 2||заголовок 3|| |ячейка A1|ячейка A2|ячейка A3| |ячейка B1|ячейка B2|ячейка B3|

      Will produce this output:

      heading 1

      heading 2

      heading 3

      cell A1

      cell A2

      Ячейка A3

      Cell B1

      Cell B2

      Cell B3

      Вы также можете создать Tables, и Croase Comply Tables. Этот метод дает вам больший контроль над размером ячеек таблицы, но не создает выделенные ячейки. Для получения дополнительной информации см. Тип таблицы 2 в этом справочном документе.

      Встроенные списки

      Вы можете использовать вики-разметку Confluence для встраивания списков в таблицы, как показано в следующем примере:

      1 2 3 4 5 6 ||Заголовок 1||Заголовок 2|| |* Пункт 1 * Пункт 2 * Пункт 3|# Пункт 1 # Пункт 2 # Пункт 3|

      Приведенный выше код создаст следующую таблицу:

      Заголовок 1

      Заголовок 2

      • Item 1

      • Item 2

      • Item 3

      1. Item 1

      2. Item 2

      3. Item 3

      Расширенное форматирование таблицы

      Вы можете добавить цвет и другие параметры форматирования в свою таблицу с помощью макроса панели и некоторых сторонних приложений (если ваш администратор Confluence Cloud установил их на вашем сайте).

      Text effects

      Input

      Output

      *bold*

      bold

      _italics_

      italics

      -зачеркнутый-

      зачеркнутый

      +подчеркивание+

      		 9

      text superscript

      text~subscript~

      text subscript

      {{monospace text}}

      monospace text

      бк. blockquote

      blockquote

      Вы также можете установить цвет текста. Например, если вы наберете {color:red}ваш текст{color}, фраза «ваш текст» будет выделена красным цветом.

      Разрывы

      В вики-разметку Confluence можно добавлять разрывы абзацев, строк и горизонтальные линейки.

      Разрывы абзаца

      В вики-разметке Confluence абзацы создаются из любой непрерывной строки текста. Чтобы создать разрыв абзаца, вставьте два символа возврата каретки после текста абзаца. Это эквивалент переноса текста в набор тегов

      в HTML.

      Разрыв строки

      Существует два способа создания разрыва строки в тексте абзаца:

      • Неявно, путем ввода одного возврата каретки

      • Явно, путем ввода двух последовательных символов обратной косой черты \\

      Эти методы эквивалентны разделению текста тегом
      в HTML.

      В большинстве случаев явные разрывы строк не требуются и достаточно одного возврата каретки. Однако они необходимы, когда вам нужно разбить текст в одном элементе списка, как в примере ниже:

      Вход

      Выход

      1 2 3 4 * Термин 1 \\ определение * Срок 2 \\ Определение

      • Термин 1
        Определение

      • Термин 2
        Определение

      для использования. , \\ \\ для двух разрывов строк.

      Горизонтальная линейка

      Чтобы создать горизонтальную линию по ширине страницы или блока контента, введите четыре дефиса подряд —- в начале строки, затем нажмите клавишу ввода или пробел.

      Убедитесь, что тире находятся на отдельной строке от остального текста.

      Вход

      Выход

      15 2 3 вот текст ---- разделить по горизонтальному правилу

      вот текст

      разделенный горизонтальной линейкой

      Вики-разметка Confluence позволяет добавлять гиперссылки к тексту на определенных экранах администрирования. В таблице ниже показан синтаксис добавления ссылок.

      Метод

      РЕЗУЛЬТАТ

      [#ANCHOR]

      Link на Anchor Link на Anchor Link на Anchor Link на Anchor Link. 9attachment.ext]

      Ссылка на файл, прикрепленный к странице в другом пространстве.

      [/2004/01/12/blogposttitle]

      Ссылка на сообщение блога в текущем пространстве, где blogposttitle — это название блога, отображаемое на странице.

      [пробел:/2004/01/12/blogposttitle]

      Ссылка на сообщение в блоге в другом месте.

      [пробел:]

      Ссылка на обзор другого пространства.

      [~username]

      Ссылка на профиль конкретного пользователя.

      [https://www.atlassian.com]

      Ссылка на внешний веб-сайт.

      [mailto:[email protected]]

      Ссылка для отправки электронного письма на определенный адрес (замените [email protected] на соответствующий адрес электронной почты).

      [file://z:/file/on/network/share.txt]

      Ссылка на файл на вашем компьютере или в сетевой папке, которую вы сопоставили с диском. Работает только с Internet Explorer.

      [! https://external/image. png!|https://external/link.html ]

      Отображает внешнее изображение и ссылки на внешний веб-сайт.

      Confluence Cloud рассматривает заголовки как якоря, поэтому вы можете ссылаться на заголовки по следующему шаблону: [spacekey:pagename#headingname]

      Название заголовка чувствительно к регистру и должно вводиться без пробелов.

      Для каждой ссылки в таблице выше:

      • Вы можете добавить псевдоним ссылки, чтобы альтернативный текст отображался на странице. Например: [псевдоним ссылки|название страницы#якорь]

      • Вы можете добавить подсказку ссылки, которая появится в виде всплывающей подсказки. Например: [pagetitle#anchor|подсказка по ссылке]

      Изображения

      Вы можете отображать изображения из прикрепленных файлов или удаленных источников. 9изображение.gif!

Отображает файл изображения, прикрепленный к сообщению блога.

!image.jpg|миниатюра!

Отображает изображение, прикрепленное к текущей странице, в виде эскиза. Зрители могут нажать на миниатюру, чтобы увидеть полноразмерное изображение. Эта функция работает только с файлами изображений, прикрепленными к текущей странице, а миниатюры должны быть включены администратором сайта.

Для любого изображения можно указать атрибуты HTML-тега изображения в вики-разметке Confluence в списке, разделенном запятыми, добавленном к URL-адресу. В приведенном ниже примере изображение будет выровнено по правому краю страницы с пробелами в 4 пикселя сверху и снизу:

!image. gif|align=right, vspace=4!

Следующие атрибуты метки изображения HTML доступны:

Атрибут

Результат

9003

9000. Возможные значения:

  • слева

  • справа

  • снизу

  • по центру

  • top

граница

Установите ширину границы (в пикселях).

bordercolor

Установите цвет границы (имя или шестнадцатеричное значение). Используется с атрибутом границы.

hspace

Установите количество пустого пространства по горизонтали вокруг изображения (в пикселях).

vspace

Установите количество пробелов по вертикали вокруг изображения (в пикселях).

ширина

Установка ширины изображения (в пикселях). Это переопределит естественную ширину изображения.

высота

Установите высоту изображения (в пикселях). Это переопределит естественную высоту изображения.

title

Установить альтернативный текст для изображения, которое отображается в виде всплывающей подсказки при наведении.

alt

Установите замещающий текст для изображения. Поисковые системы могут индексировать этот текст, и это способствует доступности страницы для программ чтения с экрана и других методов доступа только к тексту.

 

Расширенное форматирование ячеек таблицы – StiltSoft Docs

Перейти к концу баннера

Перейти к началу баннера

Перейти к концу метаданных

    • Создано Натали Парамоновой, последний раз изменено Никитой Камаем 15 апреля 2022 г.

    Перейти к началу метаданных

    Макрос Table Transformer поддерживает вики-разметку Confluence (функция FORMATWIKI) и синтаксис Markdown (функция FORMATMARKDOWN) для форматирования ячеек.

    Ниже вы можете узнать, как Table Transformer помогает расширить возможности форматирования таблиц в Confluence.

    Изменение выравнивания

    Вариант использования: 

    Вам необходимо выровнять текст в некоторых столбцах таблицы.

    Решение:

    1. Переключить страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий запрос SQL:

       ВЫБРАТЬ
FORMATWIKI("{cell:vertical-align=bottom}" + T1. 'Bill to' + "{cell}") AS 'Bill to',
FORMATWIKI("{cell:align=right}" + T1.'Invoice'+ "{cell}") AS 'Invoices',
T1.'Дата',
T1.'Товар',
T1. «Цена»
ОТ Т1

    6. Нажмите Далее .

    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Изменение ширины столбца

    Пример использования: 

    Вам необходимо изменить ширину столбца в объединенной таблице.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите  Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий SQL-запрос:

       SELECT *,
FORMATWIKI("{cell:width=100px}" + 'Билет'+ "{cell}") КАК 'Билет',
FORMATWIKI("{cell:width=150px}" + 'Описание'+ "{cell}") КАК 'Описание'
ОТ Т*

    6. Нажмите  Далее .

    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Добавление разрывов строк

    Пример использования: 

    Вам необходимо добавить разрыв строки.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите Изменить .
    4. На вкладке Presets выберите Пользовательское преобразование  и нажмите Далее .

    5. Введите следующий запрос SQL:

       ВЫБРАТЬ
FORMATWIKI(T1.'Имя'+ " \n" + T1.'Фамилия') AS 'Представитель 1',
FORMATMARKDOWN(T1.'Имя'+ " \n" + T1.'Фамилия') AS 'Представитель 2',
FORMATWIKI(T1. 'Имя'+ " \\ " + T1.'Фамилия') AS 'Представитель 3'
ОТ T1

    6. Нажмите  Далее .

    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохраните макрос и страницу.

    Добавление цвета текста

    Пример использования:

    Вам нужно объединить таблицы, создать новый столбец с суммой двух других, а затем выделить и выровнять текст.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий запрос SQL:

       ВЫБЕРИТЕ T1. 'Имя', T1.'Доход 2019', T2.'Доход 2020',
FORMATWIKI("{cell:textColor=red|align=right}"
+ ( T1.'Доход 2019' + T2.'Доход 2020') + "{ячейка}")
КАК «Общий доход»
ОТ T1 ВНЕШНЕЕ СОЕДИНЕНИЕ T2 НА T1. «Имя» = T2. «Имя»
    6. Нажмите  Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Форматирование текста

    Вариант использования: 

    Вам нужно отформатировать текст.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите Изменить .
    4. На вкладке Presets выберите 9\n * {{моноширинный}} \n * +вставленный текст+ \n * {noformat}без формата{noformat} \nбк. Вот как сделать так, чтобы абзац отображался как блочная цитата”) AS ‘Wiki Markup’ FROM T*
    5. Нажмите  Далее .
    6. При необходимости определите настройки таблицы и параметры просмотра.

    7. Сохранить макрос и страницу.

    Экранирование специальных символов для вики-разметки

    Вариант использования: 

    Вам необходимо экранировать специальные символы для вики-разметки.

    Решение:

    1. Переключить страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий SQL-запрос:

       SELECT *,
FORMATWIKI(T1.'Описание') AS 'FORMATWIKI',
FORMATWIKI("*"+ESCAPEMARKUP(T1. 'Описание')+"*") AS 'FORMATWIKI+ESCAPEMARKUP'
ОТ Т1
    6. Нажмите Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Добавление маркера, нумерованного списка

    Вариант использования: 

    Вам необходимо объединить таблицы и применить маркер или нумерованный список к объединенным данным.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите  Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий запрос SQL:

       ВЫБЕРИТЕ «Дата»,
FORMATWIKI(SUM("* " + 'Примечания' + "\n")) AS 'Все примечания'
ОТ (ВЫБРАТЬ * ОТ Т *)
СГРУППИРОВАТЬ ПО «ДАТЕ» СОРТИРОВАТЬ ПО «ДАТЕ»

      или

       ВЫБРАТЬ «Дата»,
FORMATWIKI(SUM("# " + 'Примечания' +"\n")) AS 'Все примечания'
ОТ (ВЫБРАТЬ * ОТ Т *)
СГРУППИРОВАТЬ ПО «ДАТЕ»
ЗАКАЗАТЬ ПО «ДАТЕ»
    6. Нажмите Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Добавление фона и цвета текста

    Пример использования: 

    Вам необходимо добавить цвет фона и текста.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите  Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий запрос SQL:

       ВЫБРАТЬ
FORMATWIKI("{cell:bgColor=yellow}" + T1.'Rep' + "{cell}") AS 'Rep',
FORMATWIKI("{cell:bgColor=#FFE5B4}" + T1. 'Department'+ "{cell}") AS 'Department',
FORMATWIKI("{cell:bgColor=orange|textColor=yellow|align=center|vertical-align=bottom|width=500px}"
+ T1.'Город'+ "{ячейка}") КАК "Город",
FORMATWIKI("{panel:bgColor=orange|textColor=white}" + T1.'City'+ "{panel}") AS 'City 1',
FORMATWIKI("{цвет:оранжевый}" + T1.'Город' + "{цвет}") КАК 'Город 2'
ОТ Т1
    6. Нажмите Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Шестнадцатеричные коды:

    Условная вставка значений и окрашивание фона ячеек

    Пример использования: 

    Вам необходимо добавить значения в столбец и цвет ячеек во вновь созданном столбце и цвет.

    Решение:

    1. Переключить страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий SQL-запрос:

       ВЫБЕРИТЕ T1. «Сотрудники»,
        КЕЙС
           КОГДА T1.'Название должности'="Разработчик"
           ТОГДА ФОРМАТВИКИ("{ячейка:bgColor=#0099FF}Разработка{ячейка}")
           КОГДА T1.'Название должности'="Аналитик продукта"
           THEN FORMATWIKI("{cell:bgColor=#00CC00}BI{cell}")
           ELSE FORMATWIKI("{cell:bgColor=grey}Others{cell}")
        ЗАКАНЧИВАТЬСЯ КАК "Команда"
 ОТ Т1
 ЗАКАЗАТЬ ПО «КОМАНДЕ»
    6. Нажмите  Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Условное форматирование

    Вариант использования: 

    Необходимо добавить условное форматирование данных таблицы.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий запрос SQL:

       ВЫБОР
T1.'Месяц',
ФОРМАТВИКИ("{cell:bgColor=" +
CASE WHEN T1.'Bread' <= "100" THEN "#FA7E70"
КОГДА T1.'Хлеб' > "100" И T1.'Хлеб' <= "200", ТО "#FFE784"
ИНАЧЕ "#8FCA7D"
КОНЕЦ
+ "}" + "$" + T1.'Хлеб' + "{ячейка}")
АС 'Хлеб',
ФОРМАТВИКИ("{cell:bgColor=" +
CASE WHEN T1.'Rolls' <= "100" THEN "#FA7E70"
КОГДА T1.'Rolls' > "100" И T1.'Rolls' <= "200", THEN "#FFE784"
ИНАЧЕ "#8FCA7D"
КОНЕЦ
+ "}" + "$" + T1.'Rolls' + "{ячейка}")
АС 'Роллс',
ФОРМАТВИКИ("{cell:bgColor=" +
СЛУЧАЙ, КОГДА T1. 'Cookies' <= "100", THEN "#FA7E70"
КОГДА T1.'Cookies' > "100" И T1.'Cookies' <= "200", ТОГДА "#FFE784"
ИНАЧЕ "#8FCA7D"
КОНЕЦ
+ "}" + "$" + T1.'Cookies' + "{cell}")
AS «Cookies»,
ФОРМАТВИКИ("{cell:bgColor=" +
СЛУЧАЙ, КОГДА T1.'Маффины' <= "100", THEN "#FA7E70"
КОГДА T1.'Маффины' > "100" И T1.'Маффины' <= "200", ТО "#FFE784"
ИНАЧЕ "#8FCA7D"
КОНЕЦ
+ "}" + "$" + T1.'Маффины' + "{ячейка}")
АС 'Маффины'
ОТ Т*
    6. Нажмите Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Шестнадцатеричные коды:


    Вариант использования: 

    Вам нужно вставить статусы в зависимости от некоторых условий.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите  Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий SQL-запрос:

       SELECT *,
КЕЙС
КОГДА «Сотрудников» < 60
THEN FORMATWIKI("{status:color=Green|title=Low}")
КОГДА «Сотрудники» >= 60 И «Сотрудники» < 150
THEN FORMATWIKI("{status:color=Yellow|title=Medium}")
ELSE FORMATWIKI("{status:color=Red|title=High}")
КОНЕЦ КАК "Статус"
ОТ Т1
    6. Нажмите Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Добавление более светлого цвета статуса

    Пример использования: 

    Вам нужно выбрать более светлый цвет статуса.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос состояния и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите  Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий SQL-запрос:

       SELECT *,
КЕЙС
КОГДА «Сотрудников» < 60
THEN FORMATWIKI("{status:color=Green|subtle=true|title=Low}")
КОГДА «Сотрудники» >= 60 И «Сотрудники» < 150
THEN FORMATWIKI("{status:color=Yellow|subtle=true|title=Medium}")
ELSE FORMATWIKI("{status:color=Red|subtle=true|title=High}")
КОНЕЦ КАК "Статус"
ОТ Т1
    6. Нажмите Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Пример использования: 

    Вам нужно создать кликабельные ссылки из нескольких частей текста, объединенных вместе.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите  Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий запрос SQL:

       ВЫБЕРИТЕ T1.'Имя', T1.'Номер телефона', T1.'Город',
FORMATWIKI("[" + CONCAT("https://", T1.'Город', ".mycompany.com/", T2.'Папка') + "]") AS 'Рабочее пространство',
FORMATWIKI("[Ссылка|" + CONCAT("https://", T1. 'Город', ".mycompany.com/", T2.'Папка') + "]")
АС "Рабочее пространство 2"
ОТ T1 ВНЕШНЕЕ СОЕДИНЕНИЕ T2 НА T1.'Name' = T2.'Name'
    6. Нажмите Далее .
    7. При необходимости определите настройки таблицы и параметры просмотра.

    8. Сохранить макрос и страницу.

    Сохранение исходного форматирования ячейки 

    Пример использования: 

    Необходимо сохранить исходное форматирование и применить новое.

    Решение:

    1. Переключите страницу в режим редактирования.
    2. Вставьте макрос Table Transformer и вставьте таблицу или макросы, выводящие таблицы, в тело макроса.
    3. Выберите макрос и нажмите  Изменить .
    4. На вкладке Предустановки выберите Пользовательское преобразование и нажмите Далее .

    5. Введите следующий SQL-запрос:

       ВЫБЕРИТЕ «Неделя»,
FORMATWIKI("{cell:textColor=green|align=left|width=200px}",
«План на неделю», «{ячейка}») AS «Еженедельный план»
FROM T*
    6. Нажмите  Далее .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *