Построение схем и генеалогических деревьев, состоящих из блоков и линий соединения. Плагин расширяет синтаксис «Докувики» и позволяет строить диаграммы.

Диаграммы должны использоваться внутри специального тега. Это потому, что их синтаксис похож на синтаксис таблицы. Чтобы вставить диаграмму в код, вы должны написать следующее:

<diagram> 
Спецификация диаграммы 
</diagram>

• Релиз: 2021-02-21.
• Репозиторий:http://nikita.melnichenko.name/projects/dokuwiki-diagram/?lang=en
• Совместимость с «Докувики»: 04.04.2023 «Джек Джекрам»

• 2009-05-28 «Манеры Фрустерика»
  • Не работает: auth_aclquickcheck не может обрабатывать начальные двоеточия в идентификаторах, поэтому я чувствую, что это все еще не работает в «ДокуВики», но, по крайней мере, плагин может правильно учитывать ACL .

Используйте менеджер плагинов для установки или…

1. скачать zip-файл
2. распаковать его в<dokuwiki>/lib/plugins/
3. войдите как администратор и измените плагин в менеджере конфигурации

Спецификация диаграммы представляет собой многострочное выражение. Каждая строка состоит из управляющих символов, определяющих связи между блоками, и последовательностей букв, определяющих блоки. Эти сущности разделяются специальным символом `|'. Например, следующая спецификация

<diagram>
| AAA |-| BBB |
| |:| | | | | |
| |L|~|~| CCC |
</diagram>

определяет эту диаграмму:

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

К сожалению, этот метод ломает текстовое представление диаграммы (для больших диаграмм это приводит к сложности изменения вики-кода), а также не позволяет использовать вики-синтаксис внутри блока. Чтобы преодолеть это, вы должны рассматривать последовательности букв, цифр и подчеркивания как аббревиатуры и расшифровывать их в конце строки, используя знак равенства и `|' символ в качестве разделителя. Например:

<диаграмма>

</diagram> корень 1 -е отделение (см. Отделение ) 2 -я ветвь (очень важная ветвь) С помощью таких диаграмм можно описать генеалогическое древо.

<диаграмма>

</diagram> Папочка мама Систер Мне Брат Все типы соединений показаны в следующей таблице:

, . ` ' ^ в ( ) - ! +

Ф 7 л Дж А В С Д ~ : %

у час } { п б ] [ * #

Мы будем называть эти элементы тайлами соединения.

Стиль элементов диаграммы Вы можете изменить цвет границы и цвет фона блока. Это делается путем указания параметров блока в описании аббревиатуры непосредственно перед знаком равенства и в фигурных скобках. Параметры должны быть отформатированы как ключ:значение и разделены точкой с запятой. В текущей версии плагина поддерживаются два ключа: border-colorдля цвета рамки и background-colorдля цвета фона. Значения цвета должны быть указаны в формате CSS2 , включая ключевые слова цвета SVG .

<диаграмма>

</diagram> Рамка синяя, фон светло-зеленый Граница #a9c, фон прозрачный Рамка серебряная, фон серебряный Граница зеленая, фон #abcdef Также можно настроить выравнивание текста и внутренний отступ с помощью text-alignи paddingсвойств:

<диаграмма>

</diagram> Текст выровнен по левому краю По умолчанию текст выравнивается по центру Выровнять текст по правому краю и настроить отступы Здесь можно заметить, что разрешено пропускать пустые секции в конце строки, как в последнем примере. Но следует помнить о некоторых сложностях при дальнейшем редактировании схемы и влиянии на ширину блока. Кроме того, вы можете изменить расстояние между блоками, добавив больше столбцов и строк (это работает из-за минимальной высоты и ширины каждого пустого блока). Сравнивать

<диаграмма>

</диаграмма> ААА ВВВ ДДД ССС с

<диаграмма>

</диаграмма> ААА ВВВ ДДД ССС Стрелки Вы можете использовать стрелки на диаграммах. Например,

<диаграмма>

</диаграмма> ААА ВВВ ЭЭЭ ГГГ ДДД ССС ФФФ Для вставки стрелки необходимо после управляющего символа поставить «@» и один или два символа настройки направления. Первый символ устанавливает стрелки, направленные из центра соединительной плитки. Это шестнадцатеричное число, имеющее по 4 бита для каждого из 4 направлений: вверх, вправо, вниз, влево. Каждый бит устанавливает наличие стрелки в соответствующем направлении. Если вы не знакомы с шестнадцатеричным представлением, используйте следующий алгоритм. Рассчитайте сумму чисел направления, используя эту таблицу:

Вверх Верно Вниз Левый 1 2 4 8 Если вы получили число, которое больше девяти, то замените его на букву согласно таблице:

10 11 12 13 14 15 а б с д е ф Второй символ не нужен, если вам нужно, чтобы все стрелки смотрели наружу. В противном случае укажите те, которые должны смотреть внутрь, используя ту же схему направления для второго символа.

Пример: генеалогическое древо Кеннеди. Основной синтаксис для диаграмм был заимствован из Википедии. Сравните генеалогическое древо Кеннеди с генеалогическим древом ниже.

<диаграмма>

</диаграмма> Визуализированное дерево

Пример: Генеалогическое древо Кеннеди со стрелками Теперь добавим стрелки. Здесь они немного избыточны, но это для большего разнообразия.

<диаграмма>

</диаграмма> Визуализированное дерево

Дополнительные тесты Использование всех типов подключения:

<диаграмма>

диаграмма> Использование всех типов стрелок: на отдельной странице .

Для обновления удалите исходную папку lib/plugins/displaywikipage и установите новую версию, как указано выше.

citations.zip

• Author: Terence J. Grant
• License: GNU GPL v2
• Donate: Click here.

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