Вики синтаксис

NB Зачеркивание, центрирование и вопрос работают на многострочных текстах.
NB Пробелы перед и после vv обязательны. Между ^^ и ^^ , также как и между vv и vv не должно быть пробелов. Эта разметка создана для математики и ради компактности и совместимости не допускает наличия пробелов внутри размеченного блока.

Цветовое выделение

!!Просто красный!! ''Просто красный''

Просто красный Просто красный

!!(red)Красный!!

Красный

!!(blue)Синий!!

Синий

!!(green)Зеленый!!

Зеленый

NB Вместо английских названий цветов можно использовать русские: red = крас, blue = син, green = зел

Выравнивание

%(div text-left)ТЕКСТ по левому%

ТЕКСТ по левому

%(div text-center)ТЕКСТ по центру%

ТЕКСТ по центру

%(div text-right)ТЕКСТ по правому%

ТЕКСТ по правому

%(div pull-left)БЛОК по левому%

БЛОК по левому

%(div pull-right)БЛОК по правому%

БЛОК по правому

Cсылки

Ссылки на страницы

((!)) ссылка на текущую страницу

((Страницы)) ссылка на страницы в одном кластере

Страницы

((!/Заголовки)) ссылка на подстраницу

!/Заголовки

((../Пользователь)) ссылка на страницу уровнем выше

../Пользователь

((/Справка)) ссылка на корневую страницу

/Справка

((/Справка/Пользователь/Форматирование)) абсолютная ссылка на страницу (от корня)

/Справка/Пользователь/Форматирование

Внешние ссылки

http://www.yandex.ru ссылки подсвечиваются автоматически

http://www.yandex.ru

((http://www.yandex.ru Яндекс)) внешняя ссылка с текстом

Яндекс

Якоря

{{a name="test"}} или {{anchor name="test"}}
объявление якоря

((#test)) и ((/HomePage#TOC_1)) ссылки на якорь

test и /HomePage#TOC_1

NB Вместо круглых скобок можно писать квадратные [[http://www.yandex.ru Яндекс]]
NB Для внутрисайтовых ссылок писать URL не нужно, иначе не возникает связи между двумя страницами. URL нужен лишь для внешних ссылок.

Изображения

http://img.yandex.net/i/www/logo.png
внешний URL превратится в изображение

file:h1.gif изображение, загруженное на сайт

((/HomePage http://qs.janvarev.ru/sites/qs.janvarev.ru/files/h1.gif)) изображение со ссылкой (необходимо указывать полный URL)

Заголовки

/Справка / Пользователь / Форматирование / Заголовки :: (правка)

==Большой заголовок==

Большой заголовок

===Заголовок поменьше==

Заголовок поменьше

====Средний заголовок==

Средний заголовок

=====Маленький заголовок==

Маленький заголовок

======Совсем маленький заголовок==

Совсем маленький заголовок

=======Меньше некуда заголовок==

Меньше некуда заголовок

/Справка / Пользователь / Форматирование / Заголовки :: (правка)

Отступы и списки

[два пробела]Отступ

Отступ

[четыре пробела]Двойной отступ

NB Перед списками также ставятся парные пробелы

Двойной отступ

*ненумерованный список
*ненумерованный список-2

ненумерованный список
ненумерованный список-2

1. нумерованный список
1. нумерованный список-2

нумерованный список
нумерованный список-2

1. нумерованный список
1.#8 нумерованный список-2, с пропуском

нумерованный список
нумерованный список-2

A. Верхний регистр
A. Верхний регистр-2

Верхний регистр
Верхний регистр-2

a. Нижний регистр
a. Нижний регистр-2

Нижний регистр
Нижний регистр-2

i. Римские цифры
i. Римские цифры-2

Римские цифры
Римские цифры-2

Цитирование и определение

<[ Цитирование текста ]>

Цитирование текста,
длинного,
с переносами

>>Однострочное цитирование
>Да, это оно

>>Однострочное цитирование

>Да, это оно

(?Термин Некоторое определение?)

Термин

(?Термин с пробелами==Некоторое другое определение?)

Термин с пробелами

NB если вокруг == оставить пробелы, они так же останутся в тексте страницы.

Сноски (footnotes)

Текст, потом сноска[[*]] и вторая[[**]]

Текст, потом сноска^* и вторая^**

Текст, потом цифровая сноска[[*1]] и вторая[[*2]]

Текст, потом цифровая сноска¹ и вторая²

[[#*]] Расшифровка первой сноски

^* Расшифровка первой сноски

[[#**]] Расшифровка второй сноски

^** Расшифровка второй сноски

[[#1]] Расшифровка цифровой сноски

¹ Расшифровка цифровой сноски

[[#2]] Расшифровка второй цифровой сноски

² Расшифровка второй цифровой сноски

Таблицы

Таблица с рамкой

#|
||cell11|cell12|cell13||
||cell21|cell22||
|#

cell11	cell12	cell13
cell21	cell22

Таблица без рамок, шириной 100%

#||
||cell11|cell12|cell13||
||cell21|cell22||
||#

cell11	cell12	cell13
cell21	cell22

Смена режимов: Wiki-формат – обычный текст – HTML-код

~**обычный** текст тильда перед первым маркером
"**обычный**" текст текст в двойных кавычках

**обычный** текст

<#<font color="blue">HTML</font>-<strong>код</strong>#>
работает при параметре allow_rawhtml=1 в конфиге
при параметре allow_safehtml=1 проходит доп. фильтрацию на вредоносный html-код

HTML-код

Автокорректор

Автоматический корректор, встроенный в wiki, самостоятельно подгоняет сохраняемый текст под нормы форматирования, избавляя авторов от излишне детальной правки. Вот какие изменения он вносит:

Расстановка. Пробелов! И заглавий
Минус - превращает в тире
Два минуса -- в длинное тире
Спецсимволы (c), (r), (tm), (p), +-
Знаки градуса -15^C, +270^K
"Кавычки", "quotes"

Расстановка. Пробелов! И заглавий
Минус – превращает в тире
Два минуса — в длинное тире
Спецсимволы (c), ^®, ™, §, ±
Знаки градуса –5°C, +270^K
«Кавычки», “quotes”

Если какой-то текст необходимо вывести «как есть», исключая его автоматическую корректуру, заключите его в двойные кавычки (заметьте: вся wiki-разметка внутри двойных кавычек также выводится на экран, а не форматирует текст).

Макросы

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

Имя текущего пользователя:

::::

SiteAdmin?

Имя текущего пользователя и дата:

::@::

SiteAdmin? /02.11.2004 21:11/

Дата:

::+::

20.06.2003 18:13

Расширения – дополнительные форматтеры

В WackoWiki можно легко добавлять новые обработчики текста. Их вызов происходит по синтаксису %%(name) текст%%.
В стандартной поставке есть следующие форматтеры:

%%(php) PHP-код%%
Важно отметить, что код должен начинаться открывающим <? и заканчиваться закрывающим ?>, так как для используемого встроенного в PHP модуля разметки синтаксиса именно эти разделители являются признаком php-кода.


<?
phpinfo();
$s = "Hello, World!\n";
print "$s";
?>

%%(comments) Комментарий, не выводится%%

%%(icq) Логи ICQ Pro%%

Некто	Привет	14.05.20 14:52
Роман	привет, ага	14.05.20 14:52
Некто	экая хрень	14.05.20 14:53
Некто	тестирую эту ужасную ицкупро кашмар	28.06.20 2:25
Роман	И не говори	28.06.20 2:25

%%(icq_l) Логи ICQ Lite%%

kukutz	какой эвристикой?	01:59 AM
TTLogic	wassup?	01:59 AM
kukutz	оки =)	01:59 AM
kukutz	ты меня видишь? кириллик?	01:59 AM
TTLogic	cool. only questions i receive	01:59 AM

%%(icq_m) Логи Miranda IM (плагин nConvers)%%

TTLogic	ага, сколько-сколько у даты в пикселях?	27.06.2003 22:23:08
Роман Иванов	о, сработало	27.06.2003 22:23:09
TTLogic	да, я убрал 100%	27.06.2003 22:23:15
Роман Иванов	>> 27.06.2003 22:23:08 TTLogic wrote: >> ага, сколько-сколько у даты в пикселях? померяй!!	27.06.2003 22:23:21

%%(email) Email%%

Hi!
RI>> Yes, it is.
>Are you sure?

Of course, yes!

Roman.

%%(sql) SQL-code%%

SELECT * FROM sometable WHERE a = '12' and b = 2 ORDER BY c DESC --Comment

Так же доступны форматтеры (ini), (html), (css), (pascal) и (java)
There are also (ini), (html), (css) and (pascal) highlighters.

<html>
<a href="http://www.ya.ru" width="8">test</a>
</html>

[Wiki]
BestEngine="WackoWiki"
Version=4

body {margin: 0; padding:5px;}
.class {background:url("http://www.ya.ru/")}

BEGIN
 if a = 15 then writeln("test");
END.

Обёртки вокруг форматтеров

Кроме того, любому форматтеру можно задать одну из «обёрток» указав ему параметр wrapper.
Доступны обёртки: box и shade.
You choose specific “wrapper” for any highlighter using wrapper parameter as shown below.
There are two kinds of wrappers: box and shade

%%(css wrapper=box wrapper_align=left wrapper_width=100) .d { font-size:70% } %%	.d { font-size:70% } Как мы видим, обёртка `box` позволяет формировать удобные «меню», обтекаемые текстом. Кстати, есть специальный форматтер (box), который не делает ничего кроме как оборачивает текст в эту обёртку.
%%(css wrapper=shade) .d2 { font-size:70% } %%	.d2 { font-size:70% }

Подсветка языков программирования с помощью HighlightJS

С помощью библиотеки HighlightJS можно включить подсветку множества разных языков программирования.

Использование: форматтер %%(hljs язык_программирования)код%%.

Пример:
%%(hljs php)
echo “Hello, world!”
%%

Результат

echo "Hello, world!"

Пример:
%%(hljs sql)
CREATE TABLE “topic” (

“id” serial NOT NULL PRIMARY KEY,
“forum_id” integer NOT NULL,
“subject” varchar(255) NOT NULL

);
%%

Результат:

CREATE TABLE "topic" (
    "id" serial NOT NULL PRIMARY KEY,
    "forum_id" integer NOT NULL,
    "subject" varchar(255) NOT NULL
);

Фичи Bootstrap

Специальные элементы, которые позволяют использовать элементы библиотеки Bootstrap

Текст по колонкам

%%(bsdivgrid [ширина колонок через -])Текст%%

Пример:

%(bsdivgrid 4-4-4)
**Жирный**
Текст1
-----
Текст2
-----
Текст3
%

Жирный
Текст1

Текст2

Текст3

Кнопки

{{bsbutton}}

{{bsbutton href="/TestBS" text=" Узнать больше" styles="primary large" icon="user white"}} {{bsbutton href="/TestBS" text="Узнать больше" styles="danger large"}}

Узнать больше Узнать больше

Кнопки в группе

%(div btn-group)
{{bsbutton href="/TestBS" text=" 1"  icon="book"}} {{bsbutton href="/TestBS" text="2" styles="info"}} {{bsbutton href="/TestBS" text="3"}}
%

1 2 3

Ссылки

{{bshref href="/TestBS" text=" Узнать больше" styles="btn btn-primary btn-large" icon="user white"}}

Узнать больше

Всплывающие подсказки

asdfjhjk haskjdhf {{bshreftooltip href="#" title="Это ОНО!" text="Что это?"}} hasdjfh jashd fkadshfjhsadf

asdfjhjk haskjdhf Что это? hasdjfh jashd fkadshfjhsadf

Всплывающие большие подсказки

{{bshrefpopup href="#" title="Это ОНО!" content="sdhfjh jkashdfj hgasdjfg jasdgfkjasdhgf" text="Что это?" styles="btn btn-primary"}}

Что это?

Табы

%(bsdivtabs grid="6-6")
Вкладка1
Mauris pretium vulputate mauris, non dictum dolor luctus semper. Donec neque mi, ultrices rutrum dictum non, lobortis vestibulum augue. Curabitur vitae nibh nibh; sit amet congue ipsum. Suspendisse blandit quam ante, vitae elementum nulla! Cras sit amet ligula lectus. 
-----
Pellentesque vitae pellentesque ipsum. Cras mi nisi, lobortis sit amet aliquet vel, tempus ac felis. Praesent auctor risus in leo adipiscing in laoreet metus facilisis. Donec pretium volutpat dolor ut consequat? Aenean dolor ipsum, mollis eget rutrum ac, mattis ac felis.
-------
Вкладка2
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum luctus facilisis ultricies? 
-----
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam porta porta eros, a sagittis justo ultricies at. Donec porttitor ante eget orci sodales ac lobortis lorem dapibus. Ut dictum porttitor hendrerit. Aenean nisi libero, varius a iaculis vel, tincidunt ut nunc. 
-------
Вкладка3
Nam cursus vehicula blandit. Maecenas tristique, est non sagittis bibendum, risus velit pellentesque odio, fermentum congue sem tortor et est. Mauris quis dolor vitae leo pellentesque euismod vel at turpis. Sed et molestie tellus. Praesent a lectus libero! In sem ante, ultrices non commodo ut, elementum a est. Cras tempor tempor pharetra. In nec est odio, quis euismod nisl. 
-----
Nunc sit amet convallis libero.
-------
Вкладка4
Etiam porta nisl a est dictum feugiat. Cras vel nibh vel justo fringilla mattis. Nam ultrices mi eget mi euismod sed egestas lorem pretium. Ut rhoncus placerat velit, non dictum mi dignissim ac. Aenean consectetur erat ac erat ultricies nec mollis orci adipiscing. Ut rhoncus ante in lorem aliquam imperdiet. Phasellus id purus leo; vel elementum nisl? Fusce eros dolor, posuere ac faucibus vitae; adipiscing vel est. 
-----
Cras imperdiet urna vel metus facilisis accumsan. Nullam est enim, interdum eget mattis tristique, pulvinar eu velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque quis fringilla enim. Fusce sagittis, sem et consectetur blandit, dui nisi facilisis lorem, non varius arcu tortor quis ipsum. Suspendisse ac turpis ut elit feugiat scelerisque. 
%

Mauris pretium vulputate mauris, non dictum dolor luctus semper. Donec neque mi, ultrices rutrum dictum non, lobortis vestibulum augue. Curabitur vitae nibh nibh; sit amet congue ipsum. Suspendisse blandit quam ante, vitae elementum nulla! Cras sit amet ligula lectus.

Pellentesque vitae pellentesque ipsum. Cras mi nisi, lobortis sit amet aliquet vel, tempus ac felis. Praesent auctor risus in leo adipiscing in laoreet metus facilisis. Donec pretium volutpat dolor ut consequat? Aenean dolor ipsum, mollis eget rutrum ac, mattis ac felis.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum luctus facilisis ultricies?

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam porta porta eros, a sagittis justo ultricies at. Donec porttitor ante eget orci sodales ac lobortis lorem dapibus. Ut dictum porttitor hendrerit. Aenean nisi libero, varius a iaculis vel, tincidunt ut nunc.

Nam cursus vehicula blandit. Maecenas tristique, est non sagittis bibendum, risus velit pellentesque odio, fermentum congue sem tortor et est. Mauris quis dolor vitae leo pellentesque euismod vel at turpis. Sed et molestie tellus. Praesent a lectus libero! In sem ante, ultrices non commodo ut, elementum a est. Cras tempor tempor pharetra. In nec est odio, quis euismod nisl.

Nunc sit amet convallis libero.

Etiam porta nisl a est dictum feugiat. Cras vel nibh vel justo fringilla mattis. Nam ultrices mi eget mi euismod sed egestas lorem pretium. Ut rhoncus placerat velit, non dictum mi dignissim ac. Aenean consectetur erat ac erat ultricies nec mollis orci adipiscing. Ut rhoncus ante in lorem aliquam imperdiet. Phasellus id purus leo; vel elementum nisl? Fusce eros dolor, posuere ac faucibus vitae; adipiscing vel est.

Cras imperdiet urna vel metus facilisis accumsan. Nullam est enim, interdum eget mattis tristique, pulvinar eu velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque quis fringilla enim. Fusce sagittis, sem et consectetur blandit, dui nisi facilisis lorem, non varius arcu tortor quis ipsum. Suspendisse ac turpis ut elit feugiat scelerisque.

Визуализация графов с помощью mermaidjs

С версии 5.8.0

Документация:

https://github.com/mermaid-js/mermaid

graph LR A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} C -->|One| D[Laptop] C -->|Two| E[iPhone] C -->|Three| F[fa:fa-car Car]

sequenceDiagram Alice->>John: Hello John, how are you? John-->>Alice: Great! Alice-)John: See you later!

pie title Pets adopted by volunteers "Dogs" : 386 "Cats" : 85 "Rats" : 15

gantt title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d Another task :after a1 , 20d section Another Task in sec :2014-01-12 , 12d another task : 24d

stateDiagram-v2 [*] --> Still Still --> [*] Still --> Moving Moving --> Still Moving --> Crash Crash --> [*]

Код (используйте два % вместо одного так: %%(mermaid) код %%

%(mermaid)
graph LR
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[fa:fa-car Car]
%

%(mermaid)
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
    Alice-)John: See you later!
%

%(mermaid)
pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15
%

%(mermaid)
gantt
    title A Gantt Diagram
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    another task      : 24d
%

%(mermaid)
stateDiagram-v2
    [*] --> Still
    Still --> [*]
    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]
%