
Текстовый редактор документов и HTML страниц в браузере
Общие настройки
Узел /config: позволяет задать формат страниц и единый стиль оформления документа
• Формат страницы.format = A4P — печатный формат A3–5P (книжный), A3–5L (альбомный), letter (Letter), adaptive (адаптивная разметка)
• Cтиль оформления.style = gost — стиль оформления gost (ГОСТ), modern (современный стиль)
Каскадные таблицы стилей (CSS)
Узел /css: позволяет изменить и добавить новые стили оформления документа
/css/p: — для всех элементов /page/p:/css/.left: — для всех элементов с .class = left/css/#page: — для элемента с .id = page
• Шрифты.font-family = Roboto — название шрифта (поддерживаемые шрифты с засечками — Tinos, PT Serif, Lora, без засечек — Roboto, Inter, моноширные — Fira Code)
• Основные CSS свойства для /css/#page:.font-size = 12pt — размер шрифта.line-height = 1.5em — межстрочный интервал.padding-top = 20mm — верхнее поле страницы.padding-right = 15mm — правое поле страницы.padding-bottom = 20mm — нижнее поле страницы.padding-left = 30mm — левое поле страницы
Тело документа
Узел /page/ может содержать контейнеры, текстовые элементы (заголовки и параграфы текста), таблицы и изображения
/page/div: — контейнер может содержать любые другие элементы, включая другие контейнеры/page/.../h1: — заголовок 1 уровня/page/.../h2: — заголовок 2 уровня/page/.../h3: — заголовок 3 уровня/page/.../p: — параграф текста/page/.../table: — таблица/page/.../img: — изображение/page/.../section: — секция контента
• Необязательные свойства.id = ... — уникальный идентификатор.class = ... — CSS классы оформления через пробел
• Свойства контейнера.group = ... — уникальный идентификатор группы контейнеров, позволяет связать контейнеры и при отображении одного из них скрывать все другие.api-url = ... — ссылка на API, позволяет получить данные JSON и подставить их в контент вложенных элементов {{ data.title }}
• Свойства таблицы.data = ... — двумерный массив данных из CSV файла[["текст","-2"],...] — объединение двух ячеек в строке[["текст","|2"],...] — объединение двух ячеек в столбце[["текст","+2"],...] — для объединения четырех ячеек
• Свойства изображения.src = ... — файл изображения (jpg, png).width = 100 — ширина изображения (px).height = 100 — высота изображения (px).href = https://... — ссылка для перехода по клику
Пример:
/config:
.format = A4P
.style = modern
/css/#page:
.font-size = 12pt
/page/h1:
.class = center
Заголовок документа
/page/p:
Параграф текста {{b i https://absace.ru :: ссылка}}
/page/table:
.class = left modern
.data = table-1770303384642
Заголовок таблицы
Оформление текста
Для оформления текста внутри элемента можно использовать специальный шаблон с указанием правил через пробел
{{ правило :: текст }}
biuscodeкодsupsub#FF7F50#main.id = mainhttps://absace.ruСпециальные символы
Для ввода специальных символов можно использовать коды автозамены (символ экранирования — « \ »)
-----<< >>1~2* Текст^o(c)+-!=:br::fill::rub::usd::eur::gbp::jpy:Классы оформления
Для базового оформления и позиционирования элементов можно использовать зарезервированные CSS классы (.class = ...)
flexflexleftcenterrightnoindvspacemodernpagebreakcodecolumnscolumns2columns3active.group = ... активным (видимым)counterh1-h3. Добавление классов h1-h3 позволяет контролировать нумерацию относительно заголовков верхнего уровняНа главную Редактор Valery Tsvetkov © 2018–2026