Исходный код вики Работа с документацией в xwiki
Версия 23.17 от Андрей Ганьков на 2025/07/14 13:12
Последние авторы
author | version | line-number | content |
---|---|---|---|
1 | = Общие рекомендации = | ||
2 | |||
3 | * Оформляйте вики однообразно. Пытаемся в месте выработать единый стиль, поэтому смотрите больше как оформлены аналогичные вещи. Если что-то не нравится в оформлении других, давайте обсуждать. | ||
4 | * Увидел не точность, в документации сразу исправляй. | ||
5 | |||
6 | = Использование готовых шаблонов = | ||
7 | |||
8 | Для статей с однотипной информацией — например, описаний установленной 1С у разных клиентов, имеющих схожую структуру и набор данных — рекомендуется использовать шаблон при создании статьи. | ||
9 | |||
10 | Для того чтобы использовать установленный шаблон, при создании страницы его надо выбрать из шаблонов (см. снимок). | ||
11 | |||
12 | [[image:Создание с использованием шаблона.png||data-xwiki-image-style-alignment="center"]] | ||
13 | |||
14 | (% class="wikigeneratedid" %) | ||
15 | По нажатии кнопки создать. Можно приступать к заполнению данных, в подготовленной статье. При отсутствии каких то полей не стесняйтесь их добавлять. | ||
16 | |||
17 | = Вставить изображение в статью = | ||
18 | |||
19 | 1. Устанавливаем курсор редактирования на то место в статье куда надо вставить изображение | ||
20 | 1. Нажимаем кнопку вставить картинку((( | ||
21 | [[image:Кнопка вставить изображение.png||data-xwiki-image-style-alignment="center"]] | ||
22 | |||
23 | |||
24 | ))) | ||
25 | 1. Если изображение уже прикреплено к любой статье его можно просто выбрать в пункте "Вложение", если нет переключаемся на вкладку "Загрузка файла"((( | ||
26 | [[image:Вкладка загрузить файл.png||data-xwiki-image-style-alignment="center"]] | ||
27 | |||
28 | |||
29 | ))) | ||
30 | 1. Выбираем файл для загрузки кнопка "Обзор" | ||
31 | 1. Обязательно! нажимаем кнопку "Загрузить на сервер" | ||
32 | 1. Перескакиваем на первую вкладку. Здесь можно установить дополнительный параметры, например задать размеры, или расположение по центру.((( | ||
33 | [[image:Параметры изображения.png||data-xwiki-image-style-alignment="center"]] | ||
34 | |||
35 | |||
36 | ))) | ||
37 | 1. "Ок" изображение вставлено в статью. | ||
38 | |||
39 | = Работа с заголовками = | ||
40 | |||
41 | Вики и вообще любая документация, это в первую очередь про структурирование информации, а во вторую уже оформление. Поэтому **никогда** не используйте **заголовки** как способ задать **размер** **шрифта**. Заголовки с стать нужны не для этого, они описывают структуру документа, из них формируется вложенность разделов и блоков информации. Из них формируется блок содержимого страницы в правой панели. Проверяйте чтобы структура(содержание) в страницы в правой панели было логичным. | ||
42 | |||
43 | = Работа с таблицами = | ||
44 | |||
45 | {{info}} | ||
46 | Пожалуйста без надобности не меняйте размеры колонок вручную, табличка сама подстроит размеры колонок под содержимое и экран пользователя. Установив фиксированные размеры под свой экран, не даст возможность отображать адекватно таблицу на мобильных устройствах. Так же установка размеров пропишет в каждой ячейки атрибут ~(% style="width:180px" %) что значительно усложняет читаемость и редактирование таблицы в вики разметке. | ||
47 | {{/info}} | ||
48 | |||
49 | (% class="wikigeneratedid" %) | ||
50 | В вики разметке таблица выглядит так: | ||
51 | |||
52 | {{code language="xwiki"}} | ||
53 | |= Заголовок колонки 1 |= Заголовок колонки 2 |= Заголовок колонки 3 | ||
54 | |Строка 1 ячека 1| Строка 1 ячека 2| Строка 1 ячека 3 | ||
55 | |Строка 2 ячека 1| Строка 2 ячека 2| Строка 2 ячека 3 | ||
56 | {{/code}} | ||
57 | |||
58 | (% class="wikigeneratedid" %) | ||
59 | Достаточно просто, поэтому иногда удобнее работать с табличками в вики разметке. Чтобы переключится в момент редактирования на вики разметку, нужно нажать кнопку "Источник" на панели редактирования. | ||
60 | |||
61 | (% class="wikigeneratedid" %) | ||
62 | Добавлять и удалять строки и колонки можно через меню правой кнопкой мыши. | ||
63 | |||
64 | == Очистка любого форматирования таблиц == | ||
65 | |||
66 | Часто бывает так что случайными движением мыши вставляются размеры в каждую строку таблицы или при копировании данных из Excel. Таблица вся завалена тегами форматирования, что практически убивает возможность ее удобного редактирования в виде исходника. Очистить форматирование можно, открыв исходник страницы, скопировав текст любой сервис замены по Regexp например [[этот>>https://www.freeformatter.com/regex-tester.html]]. Вставляем наш текст. Далее указываем шаблон поиска {{code language="regexp"}}\(\%.*?\%\){{/code}}. Обязательно проставляем параметр /g для тех сервисов в которых можно это указать галочкой, или добавляем его в конец выражения если галки нет. Выполняем замену на пустое место. И получаем очищенный от форматирования вариант таблицы. | ||
67 | |||
68 | = Работа со ссылками = | ||
69 | |||
70 | [[Официальная документация ~>~>>>https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/Features/XWikiSyntax/?syntax=2.1§ion=Links]] | ||
71 | |||
72 | == Внутренняя ссылка == | ||
73 | |||
74 | Внутренние ссылки, то есть ссылки на других страницы в вике, надо создавать **не копируя **полностью ссылку **из браузера**, а помощью специального формата. Это позволяет вики при переименовании страниц, корректно заменить все ссылки на новую страницу. | ||
75 | |||
76 | === Через редактирования источника === | ||
77 | |||
78 | Следующий вариант сделает ссылку на страницу в виде ее названия. | ||
79 | |||
80 | {{code language="XWiki"}} | ||
81 | [[Название страницы на русском]] | ||
82 | {{/code}} | ||
83 | |||
84 | (% class="wikigeneratedid" %) | ||
85 | Дать ссылку с другим текстом можно следующим образом. | ||
86 | |||
87 | {{code language="Xwiki"}} | ||
88 | [[Отображаемый текст ссылки>>Название страницы на русском]] | ||
89 | {{/code}} | ||
90 | |||
91 | === Из графического редактора === | ||
92 | |||
93 | Нажимаем кнопку [[image:Значек ссылки.png]] и в появившемся диалоге пишем отображаемый текст, и выбираем из списка нужную страницу. | ||
94 | |||
95 | [[image:Диалог редактирования ссылки.png||data-xwiki-image-style-alignment="center"]] | ||
96 | |||
97 | == Ссылка на заголовок раздела внутри страницы == | ||
98 | |||
99 | (% class="box infomessage" %) | ||
100 | ((( | ||
101 | Если цель дать кому-то ссылку на раздел страницы в чате, то ее можно скопировать из правой панели "Содержимое". | ||
102 | ))) | ||
103 | |||
104 | Вообще ссылка на заголовок делается на той же странице следующим кодом: | ||
105 | |||
106 | {{code language="xwiki"}} | ||
107 | [[разделе по смене пароля>>||anchor="HTitle"]] | ||
108 | {{/code}} | ||
109 | |||
110 | Где Title название самого заголовка. | ||
111 | |||
112 | Но это работает только для английских заголовков. Для русских Title выглядит иначе. Например так "H42143C43543D43043F43044043E43B44F" для заголовка "Смена пароля". | ||
113 | |||
114 | {{code language="xwiki"}} | ||
115 | [[разделе по смене пароля>>||anchor="H42143C43543D43043F43044043E43B44F"]] | ||
116 | {{/code}} | ||
117 | |||
118 | Узнать какие же цифры писать в ссылке в Firefox можно следующим образом: | ||
119 | |||
120 | 1. В браузере на сохраненой странице выделяем искомый заголовок, в контекстном меню вызываем исследовать элемент (или вызываем инспектор F12 и ищем заголовок в ручную)((( | ||
121 | [[image:Контекстное меню на странице.png||data-xwiki-image-style-alignment="center"]] | ||
122 | |||
123 | |||
124 | ))) | ||
125 | 1. Чуть выше выбранного span с текстом интересующего заголовка будет тег h1((( | ||
126 | [[image:Выделенный span.png||data-xwiki-image-style-alignment="center"]] | ||
127 | |||
128 | |||
129 | ))) | ||
130 | 1. Копируем значение его атрибута id через контекстное меню, это и есть наш якорь.((( | ||
131 | [[image:Контекстное меню атрибута.png||data-xwiki-image-style-alignment="center"]] | ||
132 | |||
133 | |||
134 | ))) | ||
135 | |||
136 | = Работа с диаграммами = | ||
137 | |||
138 | Диаграммы из графического редактора вставляются через кнопку + и выбор макроса Chart(График) или напрямую в код страницы. Детальная документация по нем у [[здесь>>https://extensions.xwiki.org/xwiki/bin/view/Extension/Chart Macro]]. | ||
139 | |||
140 | График может как содержать встроенную таблицу с данными так и обращаться к имеющейся таблице. Для того чтобы обратиться к имеющейся таблицы, ей нежно указать id, через меню свойства таблицы или через код: | ||
141 | |||
142 | {{code language="xwiki"}} | ||
143 | (%id="table_revenue"%) | ||
144 | |=|=X|=Y|=Z | ||
145 | |Q1|1.2|3.4|1.3 | ||
146 | {{/code}} | ||
147 | |||
148 | Теперь создавай диаграмму к ней можно обратится: | ||
149 | |||
150 | {{code language="xwiki"}} | ||
151 | {{chart type="line" params="document:Цели.2021 год.Компания.WebHome;table:table_revenue;range:B2-B20;series:columns;" width="700"}}{{/chart}} | ||
152 | {{/code}} | ||
153 | |||
154 | В параметрах необходимо заполнить минимальные настройка: | ||
155 | |||
156 | * **document** - внутренний адрес страницы, не является обязательным если табличка на той же страницы. Узнать адрес можно через меню страницы "три точки" -> "Информация" | ||
157 | * **table** - id таблицы | ||
158 | * **range** - колонки данных, обратите внимание что **добавляя** **новую** **строку** в таблицу **диапазон** нужно тоже **редактировать**. | ||
159 | |||
160 |