Написанный на FPC/Lazarus генератор статических сайтов Written in FreePascal/Lazarus generator of static html websites
AI assistant with Ollama mode / ИИ ассистент в режиме Ollama
Html markup preview / Превью разметки HTML
Earlier UI sample (localization) / Прежний вид интерфейса (локализация)
Built-in webserver / Встроенный веб-сервер
Update content / Обновление контента
Uploading with bridge / Выгрузка с помощью моста
More screens / Больше скриншотов https://apprr.rf.gd/HtmlBuilder/ Some articles / Некоторые статьи blog
Website in Russian / Сайт на русском HtmlBuilder project page: actual on https://apprr.rf.gd/HtmlBuilder/
Documentation for developers / Документация для разработчика PasDoc documention: actual on https://apprr.rf.gd/HtmlBuilderDocs/main.html
Blog with examples / Блог с примерами Blog: actual on https://artnazarov.github.io/section_htmlbuilder.html
Tilda presentation HtmlBuilder page on Tilda
Will be useful for creating websites hosted at P2P networks ( such Maelstrom, FreeNet, I2P etc ) or jamstack hostings like Vercel Может быть полезен для создания сайтов, используемых в пиринговых сетях или хостингах jamstack типа Vercel
- Engine now use sqlite. Движок использует sqlite
- Can use annotations and full descriptions at sections. Аннотации и полные описания к разделам
- Using tags. Использование тегов
- Tree/flat structure. Плоская/древовидная структура сайта
- Autosave/autoload special settings. Автосохранение/загрузка настроек
- Backup database / Резервное копирование базы
- Commit to github pages / Публикация на GH pages
- Wysiwyg editor addition example / Пример дополнения с Wysiwyg
- Menu constructor / Конструктор меню
- Custom fields in content / Пользовательские поля в контенте
- Uploading with bridge API / Выгрузка с помощью bridge API
- Writing builded files in separate threads / Запись собранных файлов в несколько потоков
- Storing images in sqlite3 blob and quick image links / Хранение иллюстраций в поле BLOB базы sqlite3 и быстрые ссылки на изображения вида
((image_id))
Note: the preview is disabled if the markup contains raw image tag. Use quick image links instead of img tag.
-
Translations to English, Spanish, Chinese, Korean Munhwaŏ / Переводы на английский, испанский, китайский, корейский
-
Storing attached documents in blob / Хранение прикрепленных документов Will placed in folder /files/
||document_id||
- Drag and drop files from file manager into templates / Перетаскивание файлов из файлового менеджера в шаблоны
-
Emojies by shortcodes / Эмодзи по шорткодам
-
Quick add js code statements with shortcuts / Быстрое добавление операторов кода js с помощью горячих клавиш
-
Screen keyboard for typing HTML mnemonics / Экранная клавиатура для набора мнемоник HTML
-
Reformatting of markup / Переформатирование разметки
-
Hide tabs / Скрытие вкладок
-
Quick switching to tab / Быстрое переключение на вкладку
-
Adding css properties using menu items / Добавление свойств CSS с помощью пунктов меню
-
Chat with Ollama AI server / Чат с AI сервером Ollama
-
Current date and time funcs / Функции текущих даты и времени
How to use: place GETDATE(), GETTIME()
- Approx. count time to reading, total amount words, sentences and characters / Приблиз. подсчет времени на дочитывание, общее количество слов, предложений и символов
How to use: place WORDS(), SENTS(), CHARS(), TTR()
-
Internal backlinks / Обратные ссылки
-
Random data at first run / Случайные данные на первом запуске
-
Parameterizable blocks / Параметризуемые блоки
For a global block to be parameterizable, it must contain at least one block variable of the form *varname Чтобы глобальный блок стал параметризуемым, он должен содержать хотя бы одну переменную блока вида *varname
В шаблоне вывод конкретизированного блока осуществляется через передачу фактических значений переменных The output of concrete block is perfomed by passing actual values
{blockname >< varname=`value` othername=`othervalue` >< }
Note / Примечание - Между { и именем блока не должно быть пробела. There is must no space between { and block name.
Пример: пусть имеются блоки, содержащие переменные блоков *var и *other
The example: block1 has markup *var and block2 has markup *other
Когда шаблон задан как / When the template is
{block1 >< var=`Test` >< } is {block2 >< other=`great` >< }
Результат подстановки будет / The result of the substition will be
Test is great
31 Оператор / Operator @repeat
Размножает последовательно образец, подставляя в тиражируемый фрагмент значения переменной Replicates the sample sequentially, substituting the variable values into the replicated fragment
Пример / Example
@repeat { color = red|green|blue } [[Color: &color; ]].
преобразуется до / transform to
Colors: Color: red Color: green Color: blue.
Примечание / Note: вывод обрезается от пробельных символов / the output will be trimmed from space characters
32 Оператор / Operator @ifelse
Outputs text corresponding comparison Выводит текст согласно сравнения
@ifelse[leftString]comparison[rightString]{stringIfTrue}{stringIfFalse};
Примечание / Note Сравнение может быть == или != не равно. Comparison maybe == or != not equal.
Для примера / For example,
@ifelse[0]==[0]{A}{B}; преобразуется до / transforms to A @ifelse[A]!=[B]{X}{Y}; преобразуется до / transforms to X
33 @db Рендеринг элементов по произвольному запросу к базе / Render items by custom sql request
For example / Для примера
@db(caption|content|caption LIKE 'Caption For A%')=>(<div>{caption}</div>);
создает представление / produce view:
<div>Caption for ATlj8wrAT3CcIw3d34YSuSgaacXTFXT4</div><div>Caption for auBDhpiFlfPe0V4nwCFLkNryAWKIqUau</div><div>Caption for AjwwhevKimYoFU8mstZYUs0xsNWn8suz</div><div>Caption for aaX7qPBPd6xDHC7mmOtrQ26XZCd2Jvya</div><div>Caption for A6HJ9iefcPjeghHegjb3KBKh8B7bnlNm</div><div>Caption for a9q9J1k2yNxyyzIvbCYnjB98mx30Pw1N</div><div>Caption for aQnlpeYPiJygx71SXvZXaf0DfgxXJjkf</div>
Таким образом, оператор @db имеет форму / So operator @db must have the form
@db(field1,fieldN|tableName|conditionPart)=>(templatePart);
34 Autosave when exiting the application and before building / Автосохранение при выходе из приложения и перед сборкой
35 Application's cache for rebuilds / Кеш приложения для пересборок
36 Автозагрузка и применение палитр / Autoloading and applying palettes The tool to make a palette file
Note: color alias mush have name in the template like _color_
Palettes must be placed in the app folder.
PHP endpoint for server https://github.com/ArtNazarov/htmlbuilder-php-bridge
Docker image with PHP https://github.com/ArtNazarov/dockerbridgephp
Nodejs endpoint for server https://github.com/artNazarov/htmlbuilder-nodejs-bridge
Docker image with NodeJs https://github.com/ArtNazarov/dockerbridgenodejs
Python endpoint https://github.com/ArtNazarov/htmlbuilder-python-bridge
More info in / больше информации english_help / russian_help.txt
Read how to create page in Wiki
- Install for Linux using HtmlBuilder_installer
- or download pre-release from releases
- Error while loading shared libraries: libQt5Pas.so.1: cannot open shared object file: No such file or directory
Install qt5pas
yay -Sy qt5pas
- If running on Linux Mint 22 Wilma - should install libraries:
sudo apt-get install libqt5pas1
sudo apt-get install libsqlite3-dev
- On RedOS should be installed shared libraries before compiling
sudo dnf install qt5pas
sudo dnf install libcanberra-devel
sudo dnf install libcanberra-gtk2
sudo dnf install libcanberra-gtk3
sudo dnf install libcanberra
sudo dnf install qt5-qtbase-gui
sudo dnf install qt5-qtbase-devel
sudo dnf install lazarus-lcl-qt5
sudo dnf install libsq3-devel
-
Compiling on MX Linux 23.3 Before installing Lazarus and fpc:
sudo apt-get install libqt5pas-dev libqt5pas1 sudo apt-get install libsqlite3-0 libsqlite3-dev
After installing libraries, open lpi file in Lazarus IDE and compile
To use LLM with HtmlBuilder, you should install ollama server using package mananger and enable ollama service, for example, on ArchLinux it is
yay -S ollama
sudo systemctl enable ollama.service
sudo systemctl start ollama.service
After load some model, for example tinyllama. Run server with chosen model before launching HtmlBuilder
ollama pull tinyllama
ollama run tinyllama
https://github.com/ArtNazarov/HtmlBuilder_tests
