worldwide open-source software

tmp_template

vladpolskiy@undisclosed.example.com (VladPolskiy) — Thu, 30 Jul 2026 04:08:49 +0000

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Вики Структура</title>
    <style>
        * {
            box-sizing: border-box;
        }
 
        body {
            font-family: sans-serif;
            font-size: 13px;
            line-height: 1.5;
            color: #202122;
            background-color: #f8f9fa;
            margin: 0;
            padding: 60px 20px;
            min-width: 320px;
        }
 
        .tabs-container {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            justify-content: flex-start;
            width: 100%; 
            position: relative;
            bottom: -1px;
            z-index: 2;
            flex-wrap: nowrap;
        }
 
        .tab-item {
            background-color: #f1f3f5;
            border: 1px solid #d2d2d2;
            margin-right: -1px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border-bottom-left-radius: 0; 
            border-bottom-right-radius: 0;
            padding: 6px 14px;
            font-size: 12px;
            color: #0645ad;
            cursor: pointer;
            text-decoration: none;
            text-align: left; 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            min-width: 30px;
        }
 
        .tab-item:hover {
            background-color: #e8eaed;
        }
 
        .tab-item.tab-item--active {
            background-color: #ffffff;
            color: #202122;
            font-weight: bold;
            cursor: default;
            z-index: 4;
            border-bottom: 1px solid #ffffff;
        }
 
        /* Крайние статичные кнопки */
        .tab-item--summary {
            flex: 0 0 auto; 
            text-align: center;
        }
 
        .tab-item--content {
            flex: 0 0 auto; 
            text-align: center;
            margin-right: 0; 
        }
 
        /* Вкладка Глава */
        .tab-item--chapter {
            flex: 0 1 auto;
        }
 
        /* Вкладка Страница */
        .tab-item--page {
            flex: 1 1 auto;
        }
 
        /* Элемент для иконки внутри таба (скрыт на десктопе) */
        .tab-icon {
            display: none;
        }
 
        /* Декоративные ушки активной вкладки для десктопа */
        .tab-item.tab-item--active::before {
            content: "";
            position: absolute;
            left: -6px;
            bottom: -1px;
            width: 6px;
            height: 6px;
            background: 
                radial-gradient(circle at top left, transparent 5px, #d2d2d2 5px, #d2d2d2 6px, transparent 6px),
                radial-gradient(circle at top left, transparent 5px, #ffffff 5px);
            z-index: 5;
        }
 
        .tab-item.tab-item--active::after {
            content: "";
            position: absolute;
            right: -6px;
            bottom: -1px;
            width: 6px;
            height: 6px;
            background: 
                radial-gradient(circle at top right, transparent 5px, #d2d2d2 5px, #d2d2d2 6px, transparent 6px),
                radial-gradient(circle at top right, transparent 5px, #ffffff 5px);
            z-index: 5;
        }
 
        .tab-item--summary.tab-item--active::before { display: none; }
        .tab-item--content.tab-item--active::after { display: none; }
 
        /* ========================================================
           МОБИЛЬНАЯ ВЕРСИЯ (Экран меньше 550px)
           ======================================================== */
        @media (max-width: 550px) {
            /* Прячем исходный текст */
            .tab-item--summary .tab-text,
            .tab-item--content .tab-text {
                display: none;
            }
 
            /* Включаем отображение иконки */
            .tab-item--summary .tab-icon,
            .tab-item--content .tab-icon {
                display: inline-block;
                font-size: 11px;
            }
 
            /* Размеры для кнопок-иконок */
            .tab-item--summary,
            .tab-item--content {
                padding: 6px 0;
                width: 34px;
                text-align: center;
            }
 
            /* --- Логика треугольников для ОГЛАВЛЕНИЯ --- */
            /* Неактивная вкладка */
            .tab-item--summary .tab-icon::before {
                content: "◀";
                color: #0645ad;
            }
            /* Активная вкладка */
            .tab-item--summary.tab-item--active .tab-icon::before {
                content: "▶";
                color: #202122;
            }
 
            /* --- Логика треугольников для СОДЕРЖАНИЯ --- */
            /* Неактивная вкладка */
            .tab-item--content .tab-icon::before {
                content: "▼";
                color: #0645ad;
            }
            /* Активная вкладка */
            .tab-item--content.tab-item--active .tab-icon::before {
                content: "▲";
                color: #202122;
            }
 
            /* Отключаем десктопные ушки на мобильных, чтобы не накладывались на иконки */
            .tab-item.tab-item--active::before,
            .tab-item.tab-item--active::after {
                display: none !important;
            }
        }
 
        /* Главная белая карточка (Тело контента) */
        .content-box {
            background-color: #ffffff;
            border: 1px solid #d2d2d2;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            padding: 24px;
            max-width: 1100px;
            margin: 0 auto;
            position: relative;
            min-height: 250px;
            z-index: 1;
            width: 100%;
        }
 
        .content-panel { display: none; }
        .content-panel.content-panel--active { display: block; }
 
        .page-title { font-size: 24px; font-weight: bold; margin: 0 0 15px 0; color: #202122; }
        .page-description { margin: 0; color: #202122; }
        .wiki-list { margin: 10px 0 0 20px; padding: 0; }
    </style>
</head>
<body>
 
    <div class="tabs-container">
        <!-- Добавлен тег span с классом tab-icon для вывода стрелок -->
        <div class="tab-item tab-item--summary" data-target="summary">
            <span class="tab-text">Оглавление</span>
            <span class="tab-icon"></span>
        </div>
        <div class="tab-item tab-item--chapter tab-item--active" data-target="chapter" title="Глава 2.0 Жирный слон">Глава 2.0 Жирный слон</div>
        <div class="tab-item tab-item--page" data-target="page" title="Страница 2.1. Жизнь жирного слона">Страница 2.1. Жизнь жирного слона</div>
        <div class="tab-item tab-item--content" data-target="content">
            <span class="tab-text">Содержание</span>
            <span class="tab-icon"></span>
        </div>
    </div>
 
    <div class="content-box">
        <div id="panel-summary" class="content-panel">
            <h1 class="page-title">Оглавление книги</h1>
            <p class="page-description">Полная структура всей книги:</p>
            <ul class="wiki-list">
                <li>Глава 1.0 Начало пути</li>
                <li><strong>Глава 2.0 Жирный слон</strong></li>
                <li>Глава 3.0 Заключение</li>
            </ul>
        </div>
 
        <div id="panel-chapter" class="content-panel content-panel--active">
            <h1 class="page-title">Содержание главы 2.0</h1>
            <p class="page-description">Разделы, входящие в текущую главу:</p>
            <ul class="wiki-list">
                <li><strong>Страница 2.1. Жизнь жирного слона</strong></li>
                <li>Страница 2.2. Среда обитания слонов</li>
            </ul>
        </div>
 
        <div id="panel-page" class="content-panel">
            <h1 class="page-title">Эта страница ещё не существует</h1>
            <p class="page-description">Вы перешли по ссылке на страницу, которая ещё не существует.</p>
        </div>
 
        <div id="panel-content" class="content-panel">
            <h1 class="page-title">Содержание страницы 2.1</h1>
            <p class="page-description">Внутреннее оглавление этой конкретной статьи:</p>
            <ul class="wiki-list">
                <li>1. Введение</li>
                <li>2. Основные характеристики слона</li>
                <li>3. Итоги</li>
            </ul>
        </div>
    </div>
 
    <script>
        const tabs = document.querySelectorAll('.tab-item');
        const panels = document.querySelectorAll('.content-panel');
 
        tabs.forEach(tab => {
            tab.addEventListener('click', () => {
                tabs.forEach(t => t.classList.remove('tab-item--active'));
                tab.classList.add('tab-item--active');
 
                const targetId = tab.getAttribute('data-target');
                panels.forEach(panel => panel.classList.remove('content-panel--active'));
 
                const targetPanel = document.getElementById('panel-' + targetId);
                if (targetPanel) {
                    targetPanel.classList.add('content-panel--active');
                }
            });
        });
    </script>
 
</body>
</html>

2026-07-29_20-27-20_7886785.png - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 20:06:25 +0000

fooocus

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 17:47:10 +0000

Fooocus

Fooocus — это бесплатная программа для генерации изображений с открытым исходным кодом, которая объединяет движок нейросети Stable Diffusion (SDXL) и максимальную простоту использования в стиле Midjourney.

Понятие Fooocus Portable означает автономную версию программы для операционной системы Windows. Она скачивается в виде одного архива, не требует сложной ручной установки библиотек (Python, Git) и работает прямо из папки после распаковки.

Ключевые особенности

Запуск в один клик: Для старта достаточно запустить один .bat файл.
Автоматизация: Программа сама подбирает оптимальные технические настройки, скрывая от пользователя сложные параметры Stable Diffusion.
Качество Midjourney: Встроенная система стилей позволяет получать фотореалистичные или художественные изображения с помощью простых текстовых запросов.Продвинутые инструменты: Доступны функции Inpaint (изменение деталей на фото), Outpaint (дорисовка краев картинки) и Image Prompt (создание изображений на основе референса).
Полная приватность: Нейросеть работает локально на вашем компьютере, не требует интернета и не имеет цензуры.

Системные требования

Для комфортной работы портативной версии необходима дискретная видеокарта Nvidia (рекомендуется от 8 ГБ видеопамяти VRAM, минимально — 4 ГБ). На процессоре или видеокартах AMD программа тоже может запуститься, но скорость генерации будет значительно ниже.

пример промпа

Vintage scientific illustration of a woolly mammoth with annotations and a pair of tusks; antique ink sketch on yellowed parchment paper; vintage lithograph style; detailed line art with cross-hatching; Leonardo da Vinci-style drawing; historical document aesthetic; monochrome black ink; high contrast; clean background; realistic skeleton.

пример генерации

пример рабочего окна

http://127.0.0.1:7865/

Текстовый промпт для ввода (Prompt)
A photorealistic close-up portrait of a young woman, shot from the front. Her expression is animated: raised eyebrows, wide-open eyes, and a slightly parted mouth. The focus is on the makeup—sharp, elongated eyeliner, defined lashes, neat brows, subtle contouring, and nude lipstick. She has long hair with an ombre effect transitioning from dark roots to light blonde; part of the hair is pulled back into a messy half-up style featuring a delicate braid at the crown. She wears a small stud earring and a pastel-colored high-neck top. The lighting is soft, warm, and diffused, free of harsh shadows. The background is a neutral, slightly blurred beige-gray. The image features highly detailed skin and hair textures, as well as visible fabric texture.

Дополнения и Файлы

fooocus_win64_2-5-0.7z

C:\Fooocus_Portable\Fooocus\models\loras - путь к моделям
модели:

2026-07-29_20-27-20_7886785.png

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 17:33:19 +0000

fooocus_win64_2-5-0.7z - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 17:11:38 +0000

screenshot_592.png - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 16:55:42 +0000

screenshot_589.png - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 12:35:36 +0000

2026-07-29_15-33-49_5508.png - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 12:34:34 +0000

local_silero_tts - [Введение]

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:24:33 +0000

local_silero_tts

Содержание

Введение

Silero TTS — это современная, быстрая и полностью бесплатная нейросеть для синтеза речи (текст в звук).

Главные особенности Silero TTS

100% Локальность: работает на вашем компьютере без интернета, серверов и отправки данных в облако.
Высокое качество: голоса звучат естественно, умеют правильно расставлять ударения и интонации.
Низкие требования: движок оптимизирован настолько хорошо, что быстро генерирует речь даже на слабых процессорах (без мощной видеокарты).
Русский язык: изначально создавался с упором на качественную русскую озвучку и имеет множество встроенных голосов (мужских и женских).

Дополнения и Файлы

local_silero_tts_569.png - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:23:23 +0000

tts.py - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:21:05 +0000

tts.py

tts.py

import warnings
warnings.filterwarnings("ignore", category=UserWarning)
 
import os
import sys
import torch
from http.server import BaseHTTPRequestHandler, HTTPServer
import json
import re
from num2words import num2words
 
language = 'ru'
device = torch.device('cpu')
model_path = "./v5_ru.pt"
 
print("Инициализация стабильной локальной модели Silero...")
if not os.path.exists(model_path):
    print("КРИТИЧЕСКАЯ ОШИБКА: Файл v5_ru.pt не найден!")
    sys.exit(1)
 
model = torch.package.PackageImporter(model_path).load_pickle("tts_models", "model")
model.to(device)
print("ИИ-процессор звука полностью готов к работе!")
 
# Расширенная база для чтения латиницы
# Умный словарь частых слов (чтобы читались красиво, а не просто побуквенно)
ENG_PHONETIC = {
    'hello': 'хэллоу', 'hi': 'хай', 'ai': 'эай', 'js': 'джей эс', 'php': 'пи эйч пи',
    'python': 'пайтон', 'google': 'гугл', 'ok': 'окей', 'yes': 'йес', 'no': 'ноу',
    'javascript': 'джаваскрипт', 'node.js': 'ноуд джей эс', 'node': 'ноуд',
    'apple': 'эпл', 'microsoft': 'майкрософт', 'windows': 'виндоус', 'server': 'сервер',
    'code': 'код', 'project': 'проджект', 'file': 'файл', 'text': 'текст'
}
 
# Карта перевода отдельных английских букв и буквосочетаний в русские слоги
ENGLISH_TO_RUSSIAN_ABC = {
    'ch': 'ч', 'sh': 'ш', 'th': 'ф', 'ph': 'ф', 'ee': 'и', 'oo': 'у', 'ea': 'и',
    'a': 'э', 'b': 'б', 'c': 'к', 'd': 'д', 'e': 'е', 'f': 'ф', 'g': 'г', 'h': 'х',
    'i': 'ай', 'j': 'дж', 'k': 'к', 'l': 'л', 'm': 'м', 'n': 'н', 'o': 'о', 'p': 'п',
    'q': 'кь', 'r': 'р', 's': 'с', 't': 'т', 'u': 'ю', 'v': 'в', 'w': 'в', 'x': 'икс',
    'y': 'ай', 'z': 'з'
}
 
def load_config():
    default_config = {"voice_settings": {"speaker": "baya", "speed": 1.0}, "word_replacements": {}}
    if os.path.exists('config.json'):
        try:
            with open('config.json', 'r', encoding='utf-8') as f: return json.load(f)
        except: return default_config
    return default_config
 
def clean_and_normalize_text(text, config):
    text_clean = text.strip()
 
    # 1. Применяем замену пунктуации
    for old_punc, new_punc in config.get("custom_punctuation", {}).items():
        text_clean = text_clean.replace(old_punc, new_punc)
 
    # 2. Применяем контекстный словарь из config.json (ищем БЕЗ учета регистра)
    replacements = config.get("word_replacements", {})
    for phrase in sorted(replacements.keys(), key=len, reverse=True):
        pattern = re.compile(re.escape(phrase.strip()), re.IGNORECASE)
        # Подставляем точную строку из конфига (с сохранением ЗАГЛАВНЫХ букв-ударений)
        text_clean = pattern.sub(replacements[phrase], text_clean)
 
    # 3. Перевод цифр в слова
    def replace_num(match):
        try: return num2words(int(match.group()), lang='ru')
        except: return match.group()
    text_clean = re.sub(r'\d+', replace_num, text_clean)
 
    # 4. Железный перевод английских слов (игнорируем регистр букв ввода)
    for eng_word, ru_word in ENG_PHONETIC.items():
        pattern = re.compile(r'\b' + re.escape(eng_word) + r'\b', re.IGNORECASE)
        text_clean = pattern.sub(ru_word, text_clean)
 
    # Смываем оставшиеся одиночные английские буквы побуквенно для безопасности ИИ
    def replace_isolated_lat(match):
        char = match.group().lower()
        abc = {'a':'а','b':'бэ','c':'цэ','d':'дэ','e':'е','f':'эф','g':'джи','h':'эйч',
               'i':'ай','j':'джей','k':'кэй','l':'эль','m':'эм','n':'эн','o':'о','p':'пи',
               'q':'кью','r':'эр','s':'эс','t':'ти','u':'ю','v':'ви','w':'дабл ю','x':'икс','y':'уай','z':'зет'}
        return abc.get(char, char)
    text_clean = re.sub(r'[a-zA-Z]', replace_isolated_lat, text_clean)
 
    # Убираем лишние пробелы перед отправкой в нейросеть
    text_clean = re.sub(r'\s+', ' ', text_clean)
    return text_clean
 
class TTSHandler(BaseHTTPRequestHandler):
    def do_POST(self):
        content_length = int(self.headers['Content-Length'])
        post_data = json.loads(self.rfile.read(content_length).decode('utf-8'))
 
        raw_text = post_data.get('text', '')
        base_speaker = post_data.get('speaker', 'baya')
        if base_speaker not in ['aidar', 'baya', 'kseniya', 'eugene', 'xenia']:
            base_speaker = 'baya'
 
        config = load_config()
        txt = clean_and_normalize_text(raw_text, config)
        print(f"[ИИ-Синтез] Итоговый текст для Silero: '{txt}' [Голос: {base_speaker}]")
 
        # Модель читает заглавные русские буквы как жесткие ударения
        model.save_wav(text=txt, speaker=base_speaker, sample_rate=48000, put_accent=True, put_yo=True)
 
        self.send_response(200)
        self.send_header('Content-type', 'application/json')
        self.end_headers()
        self.wfile.write(json.dumps({"status": "SUCCESS"}).encode('utf-8'))
 
if __name__ == "__main__":
    server = HTTPServer(('127.0.0.1', 5000), TTSHandler)
    server.serve_forever()

config.json - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:19:17 +0000

config.json

config.json

{
  "voice_settings": {
    "speaker": "baya",
    "speed": 1.0,
    "volume_multiplier": 1.0
  },
  "custom_punctuation": {
    "...": " - ",
    "!!!": "!",
    "??": "?"
  },
  "word_replacements": {
    "дверной замок": "дверной зам+ок",
    "каменный замок": "каменный з+амок",
    "древний замок": "древний з+амок",
    "веб": "вэб",
    "web": "вэб",
    "замок": "зам+ок",
    "на двери": "на две+ри",
    "у двери": "у дв+ери",
    "тестирую": "тэст+ирую"
  }
}

server.js - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:16:26 +0000

server.js

server.js

const express = require('express');
const cors = require('cors');
const { spawn } = require('child_process');
const path = require('path');
const fs = require('fs');
const axios = require('axios');
 
const app = express();
app.use(cors());
app.use(express.json());
 
app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname, 'index.html'));
});
 
const pythonProcess = spawn('python', ['tts.py']);
pythonProcess.stdout.on('data', (data) => console.log(`Python: ${data}`));
pythonProcess.stderr.on('data', (data) => console.log(`Python System: ${data}`));
 
app.get('/api/stream-audio', async (req, res) => {
    const text = req.query.text || "Привет";
    const speaker = req.query.speaker || "baya";
 
    try {
        await axios.post('http://127.0.0.1:5000', { text, speaker });
        const filePath = path.join(__dirname, 'test.wav');
 
        if (fs.existsSync(filePath)) {
            res.set('Content-Type', 'audio/wav');
            const stream = fs.createReadStream(filePath);
            stream.pipe(res);
        } else {
            res.status(404).send('Файл не найден');
        }
    } catch (error) {
        console.error(error);
        res.status(500).send('Ошибка генерации');
    }
});
 
app.listen(3000, () => console.log('Сервер запущен на http://localhost:3000'));

index.html - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:15:24 +0000

index.html

index.html

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Локальный Silero TTS</title>
    <style>
        body { font-family: Arial, sans-serif; max-width: 600px; margin: 50px auto; padding: 20px; background: #f4f4f9; }
        textarea { width: 100%; height: 250px; padding: 10px; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box; }
        select, button { padding: 10px 20px; font-size: 16px; margin-top: 15px; border-radius: 5px; border: none; cursor: pointer; }
        button { background: #28a745; color: white; font-weight: bold; }
        button:disabled { background: #ccc; }
        #status { margin-top: 15px; color: #555; font-style: italic; }
    </style>
</head>
<body>
 
    <h1>Локальный русский голос (Silero v5)</h1>
    <textarea id="text-input">Привет! На двери висит дверной замок, а в поле стоит каменный замок. Озвучь это.</textarea>
 
<label for="speaker-select">Голос:</label>
<select id="speaker-select">
    <option value="baya">Зая (Женский унизительный)</option>
    <option value="kseniya">Ксения (Женский стандарт)</option>
    <option value="eugene">Евгений (Мужской диктор)</option>
    <option value="aidar">Айдар (Мужской мягкий)</option>
</select>
 
 
    <button id="say-btn">Озвучить текст</button>
    <br><br>
    <audio id="audio-player" controls style="width: 100%;"></audio>
    <div id="status">Готов к работе</div>
 
    <script>
        const btn = document.getElementById('say-btn');
        const status = document.getElementById('status');
        const player = document.getElementById('audio-player');
 
        btn.addEventListener('click', () => {
            const text = encodeURIComponent(document.getElementById('text-input').value);
            const speaker = document.getElementById('speaker-select').value;
 
            btn.disabled = true;
            status.innerText = "Воспроизведение звука...";
 
            // Прямая трансляция потока байт в плеер без создания файлов на диске!
            player.src = `http://localhost:3000/api/stream-audio?text=${text}&speaker=${speaker}&t=${Date.now()}`;
            player.play();
 
            player.onended = () => {
                status.innerText = "Готово!";
                btn.disabled = false;
            };
        });
    </script>
</body>
</html>

local-voice-ai.rar - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:08:24 +0000

python-manager-26.3.msi - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Wed, 29 Jul 2026 10:07:26 +0000

tmp_ollama - [Файл edit.php]

vladpolskiy@undisclosed.example.com (VladPolskiy) — Mon, 27 Jul 2026 06:59:05 +0000

Редактор кода через Qwen/Llama

Структура папок

📂 ollama/
├── 📂 auploads/                  
├── 📄 edit.php
└── 📄 index.php

Файл index.php

index.php

<?php
/**
 * ============================================================================= 
 *  index.php — ОСНОВНЫЙ СКРИПТ ДЛЯ РЕДАКТИРОВАНИЯ ФАЙЛОВ И РАБОТЫ С AI 
 * ============================================================================= 
 *
 *  УЧЕБНОЕ НАЗНАЧЕНИЕ: 
 *  Показывает, как можно загружать файлы на сервер, отображать их содержимое,
 *  и использовать искусственный интеллект для генерации изменений в коде.
 *
 *  КАК ИСПОЛЬЗОВАТЬ: 
 *  1. Откройте в браузере: http://localhost:8800/index.php
 *  2. Загрузите файлы, которые вы хотите редактировать
 *  3. Введите задачу для AI и нажмите "Сгенерировать изменения"
 *  4. Просмотрите предложенные изменения и примите их, если они корректны
 *
 *  ВНИМАНИЕ: этот файл только для обучения. На боевом сервере его нужно защищать.
 * ============================================================================= 
 */
 
// Определение директории для загрузки файлов
$uploads_dir = __DIR__ . '/uploads';
if (!is_dir($uploads_dir)) mkdir($uploads_dir, 0777, true);
 
/**
 * Получение списка файлов для редактирования
 */
$files = array_filter(scandir($uploads_dir), function($f) use ($uploads_dir) {
    return is_file($uploads_dir . '/' . $f) && in_array(pathinfo($f, PATHINFO_EXTENSION), ['js', 'php', 'json', 'html', 'css']);
});
 
/**
 * Обработка загрузки файлов
 */
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['files'])) {
    foreach ($_FILES['files']['name'] as $i => $name) {
        if ($_FILES['files']['error'][$i] === UPLOAD_ERR_OK) {
            move_uploaded_file($_FILES['files']['tmp_name'][$i], $uploads_dir . '/' . basename($name));
        }
    }
    header('Location: ./index.php');
    exit;
}
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Llama Safe Editor</title>
    <style>
        body { font-family: sans-serif; margin: 30px; background: #f4f6f9; color: #333; }
        .container { display: flex; gap: 20px; }
        .panel { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); flex: 1; }
        textarea { width: 100%; height: 100px; box-sizing: border-box; padding: 10px; margin-bottom: 10px; }
        button { background: #007bff; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; font-size: 16px; }
        button:hover { background: #0056b3; }
        .btn-success { background: #28a745; display: none; margin-top: 10px; }
        .btn-success:hover { background: #218838; }
        pre { background: #272822; color: #f8f8f2; padding: 15px; border-radius: 5px; overflow-x: auto; max-height: 250px; }
    </style>
</head>
<body>
    <h1>📂 Безопасный редактор кода через Qwen/Llama</h1>
    <div class="container">
        <!-- Слева: файлы -->
        <div class="panel" style="max-width: 280px;">
            <h3>1. Загрузка исходников</h3>
            <form method="post" enctype="multipart/form-data">
                <input type="file" name="files[]" multiple required><br><br>
                <button type="submit">Загрузить</button>
            </form>
            <h4>Файлы в проекте:</h4>
            <ul>
                <?php foreach ($files as $f): ?>
                    <li>📄 <b><?= htmlspecialchars($f) ?></b></li>
                <?php endforeach; if (empty($files)) echo '<li>Нет файлов</li>'; ?>
            </ul>
        </div>
 
        <!-- Справа: работа с AI -->
        <div class="panel">
            <h3>2. Что нужно сделать?</h3>
            <textarea id="prompt" placeholder="Например: 'Добавь валидацию'"></textarea>
            <button onclick="askLlama()">Сгенерировать изменения</button>
 
            <div id="status" style="margin-top:10px; font-weight:bold;"></div>
 
            <!-- Блок предпросмотра -->
            <div id="preview-area" style="display:none; margin-top:20px;">
                <h3 style="color: #007bff;">👁️ Код от нейросети (Предпросмотр)</h3>
                <div id="ai-code-output"></div>
                <button id="apply-btn" class="btn-success" onclick="applyChanges()">Применить эти изменения в файлы</button>
            </div>
 
            <h3 style="margin-top:30px;">Текущий код на сервере:</h3>
            <div>
                <?php foreach ($files as $f): $content = file_get_contents($uploads_dir . '/' . $f); ?>
                    <h5><?= htmlspecialchars($f) ?></h5>
                    <pre><code><?= htmlspecialchars($content) ?></code></pre>
                <?php endforeach; ?>
            </div>
        </div>
    </div>
 
    <script>
        let lastAiResult = null;
 
        async function askLlama() {
            const prompt = document.getElementById('prompt').value;
            const status = document.getElementById('status');
            const previewArea = document.getElementById('preview-area');
            const aiOutput = document.getElementById('ai-code-output');
            const applyBtn = document.getElementById('apply-btn');
 
            if(!prompt) return alert('Введите задачу!');
 
            status.style.color = '#28a745';
            status.innerText = '⏳ Модель думает над кодом... Подождите.';
            previewArea.style.display = 'none';
            applyBtn.style.display = 'none';
 
            try {
                const res = await fetch('./edit.php', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ action: 'ask', prompt })
                });
 
                // Получаем чистый текст ответа бэкенда
                const rawText = await res.text();
 
                // Пытаемся распарсить его вручную
                let data;
                try {
                    data = JSON.parse(rawText);
                } catch(jsonErr) {
                    status.style.color = '#dc3545';
                    status.innerHTML = '❌ Ошибка PHP на сервере:<br><div style="text-align:left; background:#fff; padding:10px; border:1px solid #ccc; font-family:monospace; margin-top:10px; color:#000;">' + rawText + '</div>';
                    return;
                }
 
                if(data.success && data.files.length > 0) {
                    status.innerText = '✅ Код сгенерирован! Проверьте его ниже.';
                    lastAiResult = data.files;
 
                    aiOutput.innerHTML = '';
                    data.files.forEach(f => {
                        const div = document.createElement('div');
                        div.innerHTML = `<h4>Файл: ${f.name}</h4><pre><code>${f.content.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</code></pre>`;
                        aiOutput.appendChild(div);
                    });
 
                    previewArea.style.display = 'block';
                    applyBtn.style.display = 'block';
                } else {
                    status.style.color = '#dc3545';
                    status.innerText = '❌ Ошибка: ' + (data.error || 'Модель не выдала разметку файлов.');
                }
            } catch(e) {
                status.style.color = '#dc3545';
                status.innerText = '❌ Критическая ошибка сети.';
                console.error(e);
            }
        }
 
        async function applyChanges() {
            if(!lastAiResult) return;
            const status = document.getElementById('status');
 
            status.innerText = '💾 Записываем файлы...';
 
            try {
                const res = await fetch('./edit.php', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ action: 'save', files: lastAiResult })
                });
                const data = await res.json();
                if(data.success) {
                    status.innerText = '🎉 Файлы успешно обновлены!';
                    setTimeout(() => location.reload(), 1000);
                } else {
                    alert('Ошибка сохранения: ' + data.error);
                }
            } catch(e) {
                alert('Ошибка при сохранении.');
            }
        }
    </script>
</body>
</html>

Файл edit.php

edit.php

<?php
/**
 * ============================================================================= 
 *  edit.php — ОБРАБОТЧИК ЗАПРОСОВ ДЛЯ РЕДАКТИРОВАНИЯ ФАЙЛОВ И РАБОТЫ С AI 
 * ============================================================================= 
 *
 *  УЧЕБНОЕ НАЗНАЧЕНИЕ: 
 *  Обрабатывает запросы от index.php для генерации изменений в коде с помощью AI
 *  и сохранения обновленных файлов на сервер.
 *
 *  КАК РАБОТАЕТ:
 *  1. Принимает JSON-запросы с действием 'ask' или 'save'.
 *  2. Для действия 'ask':
 *     - Получает задачу для AI из запроса.
 *     - Собирает содержимое всех файлов в директории uploads.
 *     - Отправляет задачу и контекст файлов на сервер Ollama.
 *     - Парсит ответ от Ollama, разделяя его по маркерам [START_FILE].
 *     - Возвращает обновленные файлы клиенту.
 *  3. Для действия 'save':
 *     - Принимает массив файлов с содержимым из запроса.
 *     - Сохраняет обновленное содержимое каждого файла в директорию uploads.
 *
 *  ВНИМАНИЕ: этот файл только для обучения. На боевом сервере его нужно защищать.
 * ============================================================================= 
 */
 
set_time_limit(0);
ini_set('display_errors', 1);
error_reporting(E_ALL);
 
header('Content-Type: application/json');
 
$uploads_dir = __DIR__ . '/uploads';
$input = json_decode(file_get_contents('php://input'), true);
$action = isset($input['action']) ? $input['action'] : '';
 
if ($action === 'ask') {
    $prompt = isset($input['prompt']) ? $input['prompt'] : '';
 
    if (!is_dir($uploads_dir)) {
        echo json_encode(['success' => false, 'error' => 'Шаг 1: Папка uploads не найдена']);
        exit;
    }
 
    $files = array_filter(scandir($uploads_dir), function($f) use ($uploads_dir) {
        return is_file($uploads_dir . '/' . $f);
    });
 
    $projectContext = "";
    foreach ($files as $f) {
        $projectContext .= "=== НАЧАЛО ФАЙЛА: $f ===\n" . file_get_contents($uploads_dir . '/' . $f) . "\n=== КОНЕЦ ФАЙЛА: $f ===\n\n";
    }
 
    $systemPrompt = "Ты веб-разработчик. Задача: $prompt\nТекущие файлы:\n$projectContext\nИзмени код и верни файлы ПОЛНОСТЬЮ. Строго используй теги:\n[START_FILE: имя]\nкод\n[END_FILE: имя]";
 
    $postData = json_encode([
        'model' => 'qwen2.5-coder:14b',
        'prompt' => $systemPrompt,
        'stream' => false,
        'options' => [
            'temperature' => 0,
            'num_ctx' => 8192
        ]
    ]);
 
    $fp = @fsockopen('127.0.0.1', 11434, $errno, $errstr, 10);
    if (!$fp) {
        echo json_encode(['success' => false, 'error' => "Не удалось подключиться к Ollama на 127.0.0.1:11434. Ошибка: $errstr ($errno)"]);
        exit;
    }
 
    // Запрашиваем через HTTP/1.0, чтобы исключить chunked transfer encoding на бэкенде
    $out = "POST /api/generate HTTP/1.0\r\n";
    $out .= "Host: 127.0.0.1\r\n";
    $out .= "Content-Type: application/json\r\n";
    $out .= "Content-Length: " . strlen($postData) . "\r\n";
    $out .= "Connection: close\r\n\r\n";
    $out .= $postData;
 
    fwrite($fp, $out);
 
    $response = '';
    while (!feof($fp)) {
        $response .= fgets($fp, 4096);
    }
    fclose($fp);
 
    // Гарантированно отрезаем заголовки по двойному переносу строки
    $parts = explode("\r\n\r\n", $response, 2);
    $body = isset($parts[1]) ? trim($parts[1]) : '';
 
    if (empty($body)) {
        // Пробуем отрезать по одиночным \n на случай Unix-формата заголовков сервера
        $parts = explode("\n\n", $response, 2);
        $body = isset($parts[1]) ? trim($parts[1]) : '';
    }
 
    // Разбор JSON
    $responseData = json_decode($body, true);
    $aiText = isset($responseData['response']) ? $responseData['response'] : '';
 
    if (empty($aiText)) {
        echo json_encode([
            'success' => false, 
            'error' => 'Шаг 4: Не удалось распарсить JSON от Ollama.', 
            'debug_raw_body' => substr($body, 0, 300)
        ]);
        exit;
    }
 
    // Шаг 5: Парсинг маркеров [START_FILE]
    $parsedFiles = [];
    preg_match_all('/\[START_FILE:\s*([^\]\s]+)\]([\s\S]*?)\[END_FILE:\s*\1\]/', $aiText, $matches, PREG_SET_ORDER);
 
    foreach ($matches as $match) {
        $parsedFiles[] = [
            'name' => trim($match[1]),
            'content' => trim($match[2])
        ];
    }
 
    if (empty($parsedFiles)) {
        echo json_encode([
            'success' => false, 
            'error' => 'Шаг 5: Модель проигнорировала маркеры [START_FILE] и выдала обычный текст.',
            'ai_raw_text' => substr($aiText, 0, 300)
        ]);
        exit;
    }
 
    echo json_encode(['success' => true, 'files' => $parsedFiles]);
    exit;
}
 
if ($action === 'save') {
    $filesToSave = isset($input['files']) ? $input['files'] : [];
    foreach ($filesToSave as $f) {
        $fileName = basename(trim($f['name']));
        file_put_contents($uploads_dir . '/' . $fileName, $f['content']);
    }
    echo json_encode(['success' => true]);
    exit;
}
 
echo json_encode(['success' => false, 'error' => 'Неверное действие']);

04 - [local.php]

vladpolskiy@undisclosed.example.com (VladPolskiy) — Thu, 23 Jul 2026 15:36:56 +0000

структуру каталогов

структуру каталогов

microwiki/
├── assets/                  # СИСТЕМНЫЕ АССЕТЫ ЯДРА (Неизменяемая логика)
│   └── js/
│       ├── media-modal.js   # AJAX-загрузка картинок из модального окна в редакторе
│       └── toolbar.js       # Хоткеи (Ctrl+B/I/U) и асинхронный движок предпросмотра (Preview)
├── conf/                    # Папка конфигурации движка
│   ├── local.php            # Основные настройки сайта (название, язык)
│   └── users.auth.php       # Плоская база пользователей и хэшей паролей
├── data/                    # Данные (в DokuWiki это папка data/)
│   ├── pages/               # Текстовые страницы (.txt)
│   ├── media/               # Каталог картинок и файлов (.png, .jpg, .pdf)
│   ├── attic/               # Старые ревизии страниц
│   └── meta/                # Метаданные и кеш
├── lib/                     # Системные библиотеки и плагины
│   └── tpl/                 # Папка с шаблонами оформления
│       └── default/         # Текущая тема оформления
│           ├── main.php     # Основной каркас
│           ├── header.php   # Верхняя часть и меню
│           ├── footer.php   # Нижняя часть и подпись
│           └── css/
│               └── style.css # ВСЕ стили сайта, монолитного тулбара и синтаксического кода
├── src/                     # Ядро движка (Core)
│   ├── Action/              # Контроллеры (show, edit, media)
│   ├── Auth.php             # Модуль авторизации, сессий и верификации паролей
│   ├── CodeHighlighter.php  # Универсальный динамический парсер раскраски и нумерации кода
│   ├── MediaManager.php     # Файловый менеджер (загрузка, удаление, просмотр)
│   ├── Parser.php           # Вики-парсер
│   ├── Storage.php          # Работа со страницами и ID (разрешение систем имен `:`)
│   ├── Template.php         # Диспетчер вывода контента (страницы, формы правки, медиаменеджер)
│   └── toolbar.php          # HTML-структура кнопок монолитного тулбара и каркас модалки
└── index.php                # Единая точка входа

local.php

local.php

<?php
/**
 * MicroWiki Configuration File
 * Глобальные настройки движка
 */
if (!defined('WIKI_ROOT')) die();
 
$conf['title']    = 'Наша Учебная Вики'; // Название вашей базы знаний
$conf['lang']     = 'ru';                // Язык интерфейса
$conf['template'] = 'default';           // Используемый шаблон
 
// Настройки безопасности и пользователей
$conf['useacl']   = true;                // Включить разграничение прав доступа
$conf['superuser'] = 'admin';            // Имя главного администратора

main.php

main.php

<?php 
if (!defined('WIKI_ROOT')) {
    die('Прямой доступ к файлу запрещен.');
}
 
// Поочередно собираем страницу из изолированных компонентов
tpl_header(); 
tpl_content(); 
tpl_footer();

header.php

header.php

<?php if (!defined('WIKI_ROOT')) die(); ?>
<!DOCTYPE html>
<html lang="<?php echo htmlspecialchars($GLOBALS['conf']['lang']); ?>">
<head>
    <meta charset="UTF-8">
    <title><?php tpl_pagetitle(); ?> - <?php echo htmlspecialchars($GLOBALS['conf']['title']); ?></title>
 
    <!-- Абсолютный веб-путь к файлу стилей, чтобы он никогда не терялся -->
    <link rel="stylesheet" href="./lib/tpl/default/css/style.css?v=<?php echo time(); ?>">
    <!-- Подключаем базовую логику редактора -->
<script src="./assets/js/toolbar.js" defer></script>
<!-- Подключаем изолированную логику модального окна загрузки картинок -->
<script src="./assets/js/media-modal.js" defer></script>
 
</head>
<body>
<div class="wrapper">
    <header>
        <div class="logo">
            <a href="?id=start">📝 <?php echo htmlspecialchars($GLOBALS['conf']['title']); ?></a>
        </div>
        <nav>
            <a href="?id=<?php echo urlencode($GLOBALS['ID']); ?>&do=show">Читать</a>
            <a href="?id=<?php echo urlencode($GLOBALS['ID']); ?>&do=edit">Правка</a>
            <a href="?id=<?php echo urlencode($GLOBALS['ID']); ?>&do=media">Медиафайлы</a>
 
            <?php if (auth_is_logged()): ?>
                <span class="user-info">👤 <?php $usr = auth_get_user(); echo htmlspecialchars($usr['name']); ?></span>
                <a href="?id=<?php echo urlencode($GLOBALS['ID']); ?>&do=logout" style="color: #ffb3b3;">Выйти</a>
            <?php else: ?>
                <a href="?id=<?php echo urlencode($GLOBALS['ID']); ?>&do=login">Войти</a>
            <?php endif; ?>
        </nav>
    </header>
    <main>
        <div class="breadcrumbs">Вы здесь: <?php tpl_pagetitle(); ?></div>

footer.php

footer.php

<?php if (!defined('WIKI_ROOT')) die(); ?>
    </main>
    <footer>
        <p>&copy; <?php echo date('Y'); ?> <?php echo htmlspecialchars($GLOBALS['conf']['title']); ?>. Разработано в учебных целях.</p>
    </footer>
</div>
</body>
</html>

style.css

style.css

/* =========================================================================
   1. ГЛОБАЛЬНЫЕ СТИЛИ И КАРКАС ШАБЛОНА САЙТА (MicroWiki Framework)
   ========================================================================= */
body { 
    font-family: Arial, sans-serif; 
    margin: 0; 
    padding: 0; 
    color: #333; 
    background: #f4f6f9; 
}
 
/* Главная центрирующая обертка сайта */
.wrapper { 
    max-width: 1100px; 
    margin: 20px auto; 
    background: #fff; 
    box-shadow: 0 0 15px rgba(0,0,0,0.1); 
    min-height: 90vh; 
    display: flex; 
    flex-direction: column; 
    border-radius: 5px; 
    overflow: hidden; 
}
 
/* Шапка сайта */
header { 
    background: #2b5e8f; 
    padding: 15px 25px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    color: #fff; 
}
 
header .logo a { 
    font-size: 22px; 
    font-weight: bold; 
    color: #fff; 
    text-decoration: none; 
}
 
/* Меню навигации в шапке */
nav a { 
    margin-left: 15px; 
    color: #fff; 
    text-decoration: none; 
    font-size: 14px; 
    opacity: 0.85; 
    transition: opacity 0.2s; 
    border-bottom: 1px dashed transparent;
    padding-bottom: 2px;
}
 
nav a:hover { 
    opacity: 1; 
    border-bottom-style: solid;
    border-bottom-color: #fff; 
}
 
/* Основной блок контента */
main { 
    padding: 35px; 
    flex-grow: 1; 
    background: #fff; 
}
 
/* Подвал сайта */
footer { 
    background: #f8f9fa; 
    border-top: 1px solid #e9ecef; 
    padding: 20px; 
    text-align: center; 
    font-size: 13px; 
    color: #6c757d; 
}
 
/* Хлебные крошки (Вы здесь) */
.breadcrumbs { 
    font-size: 13px; 
    color: #6c757d; 
    margin-bottom: 25px; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #eee; 
}
 
/* Плашка информации о залогиненном пользователе */
.user-info { 
    margin-left: 15px; 
    font-size: 13px; 
    padding: 4px 10px; 
    background: rgba(0,0,0,0.2); 
    border-radius: 3px; 
    color: #fff; 
    display: inline-block; 
}
 
/* Отрендеренный вики-контент страниц */
.wiki-content h1 { color: #2b5e8f; margin-top: 20px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
.wiki-content h2 { color: #333; margin-top: 18px; margin-bottom: 8px; }
.wiki-content h3 { color: #555; margin-top: 15px; margin-bottom: 6px; }
 
/* =========================================================================
   2. КОМПОНЕНТ РЕДАКТОРА И МОНОЛИТНОГО ТУЛБАРA DOKUWIKI С ПИKЕРАМИ
   ========================================================================= */
.wiki-editor-container { 
    margin-top: 15px; 
    display: flex;
    flex-direction: column; 
}
 
.doku-toolbar-container {
    background: #fcfcfc;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 5px 6px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex; 
    flex-wrap: wrap; 
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}
 
.doku-toolbar-group {
    display: flex;
    margin-right: 6px; 
    border-radius: 2px;
    box-sizing: border-box;
}
.doku-toolbar-group:last-child {
    margin-right: 0;
}
 
.doku-btn-ico {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    border: 1px solid #b8b8b8;
    margin-right: -1px; 
    padding: 0 8px;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, sans-serif;
    color: #333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    min-width: 26px;
    position: relative;
    box-sizing: border-box;
    outline: none;
}
.doku-toolbar-group .doku-btn-ico:last-child {
    margin-right: 0;
    border-right: 1px solid #b8b8b8;
}
.doku-btn-ico:hover {
    background: linear-gradient(to bottom, #ffffff 0%, #e2e8f0 100%);
    border-color: #888;
    z-index: 2;
}
 
.doku-arrow {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 3px 3px;
    border-color: transparent transparent #555 transparent;
}
 
/* -------------------------------------------------------------------------
   НОВЫЕ ГОРИЗОНТАЛЬНЫЕ ВЫПАДАЮЩИЕ ПАНЕЛИ (PICKERS)
   ------------------------------------------------------------------------- */
.doku-dropdown {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}
 
/* Контейнер подменю: раскрывается горизонтально с тенью */
.doku-dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 25px; 
    background-color: #ffffff;
    border: 1px solid #b8b8b8;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.12);
    z-index: 999;
    border-radius: 3px;
    padding: 3px;
}
 
/* Монолитная флекс-лента внутри подменю */
.doku-sub-toolbar {
    display: flex;
    border-radius: 2px;
    overflow: hidden;
}
 
/* Кнопка внутри выпадающей ленты */
.doku-sub-btn {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    border: 1px solid #c5c5c5;
    margin-right: -1px;
    padding: 0 6px;
    cursor: pointer;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    min-width: 24px;
    box-sizing: border-box;
    outline: none;
}
.doku-sub-toolbar .doku-sub-btn:last-child {
    margin-right: 0;
    border-right: 1px solid #c5c5c5;
}
.doku-sub-btn:hover {
    background: #e6effa;
    border-color: #999;
    z-index: 3;
}
 
/* КЛАСС КРАСИВЫХ CSS-ИКОНОК ФАЙЛОВ КОДА */
.file-ico {
    font-size: 7px;
    font-family: 'Arial Black', sans-serif;
    font-weight: bold;
    width: 15px;
    height: 13px;
    line-height: 14px;
    text-align: center;
    border-radius: 1px;
    color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.css-html { background: #e34c26; } /* Красный HTML */
.css-php  { background: #4f5b93; } /* Синий PHP */
.css-css  { background: #563d7c; } /* Фиолетовый CSS */
.css-js   { background: #f1e05a; color: #333; } /* Желтый JS */
.css-sql  { background: #00758f; } /* Бирюзовый SQL */
.css-bash { background: #4eaa25; } /* Зеленый Bash */
 
.doku-dropdown-show {
    display: block !important;
}
 
/* Текстовое поле */
.wiki-textarea { 
    width: 100%; 
    height: 380px; 
    padding: 12px; 
    font-family: 'Courier New', monospace; 
    font-size: 14px; 
    box-sizing: border-box; 
    border: 1px solid #ccc; 
    border-bottom-left-radius: 3px; 
    border-bottom-right-radius: 3px; 
    line-height: 1.6; 
    resize: vertical; 
    outline: none;
}
 
 
/* =========================================================================
   3. КНОПКИ УПРАВЛЕНИЯ СНИЗУ И МЕДИА-МЕНЕДЖЕР
   ========================================================================= */
.doku-btn {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px 14px;
    font-size: 13px;
    color: #333;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 5px;
}
 
.doku-btn:hover {
    background: #eee;
}
 
/* Сетка отображения Медиа-менеджера */
.media-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); 
    gap: 20px; 
}
 
.media-item { 
    border: 1px solid #eee; 
    padding: 10px; 
    border-radius: 4px; 
    text-align: center; 
    background: #fff; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.02); 
}
 
/* =========================================================================
   4. СИНТАКСИЧЕСКИЙ БЛОК КОДА DOKUWIKI (ОДИНАКОВЫЙ РАЗМЕР ШРИФТА ДЛЯ ЦИФР)
   ========================================================================= */
.doku-code-block {
    margin: 15px 0;
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
 
.doku-code-file-label {
    display: inline-flex;
    align-items: center;
    background: #f7f9fa;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    padding: 4px 14px;
    font-size: 12px; 
    font-family: Arial, sans-serif;
    color: #2b5e8f;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-left: 10px;
}
 
.doku-code-content-wrapper {
    background: #f7f9fa; 
    border: 1px solid #dcdcdc; 
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
 
.doku-code-content {
    margin: 0;
    padding: 8px 0; 
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 14px; 
    overflow-x: auto;
    background: #f7f9fa;
    line-height: 1.4; 
}
 
.doku-code-content > div {
    display: flex;
    padding: 0px 0; 
    width: 100%;
    box-sizing: border-box;
}
 
/* ИСПРАВЛЕНО: Размер шрифта номеров строк увеличен до 14px (один в один с кодом) */
.code-ln {
    color: #666666;
    width: auto; /* Отменяем жесткий min-width */
    min-width: 25px; /* Минимальный базис для однозначных чисел */
    text-align: right;
    padding-left: 5px; /* Фиксированный зазор до серой линии */
	padding-right: 5px; /* Фиксированный зазор до серой линии */
    margin-right: 12px;  /* Фиксированный зазор от линии до кода */
    border-right: 1px solid #dcdcdc; 
    display: inline-block;
    user-select: none;
    font-size: 14px; 
    box-sizing: border-box;
}
 
.code-txt {
    white-space: pre;
    color: #000000;
    display: inline-block;
}
 
.code-line-active {
    background-color: #fff9db !important;
    width: 100%;
}

index.php

index.php

<?php
/**
 * MicroWiki Engine - Главный диспетчер (Точка входа)
 * index.php
 */
 
 
declare(strict_types=1);
 
error_reporting(E_ALL);
ini_set('display_errors', '1');
 
define('WIKI_ROOT', __DIR__ . '/');
 
global $conf, $ID, $ACT, $wikiStorage, $mediaManager;
$conf = [];
 
if (file_exists(WIKI_ROOT . 'conf/local.php')) {
    include WIKI_ROOT . 'conf/local.php';
}
 
$conf['title']    = $conf['title'] ?? 'MicroWiki';
$conf['template'] = $conf['template'] ?? 'default';
$conf['lang']     = $conf['lang'] ?? 'ru';
 
define('WIKI_TPL', WIKI_ROOT . 'lib/tpl/' . $conf['template'] . '/');
 
require_once WIKI_ROOT . 'src/Auth.php';
require_once WIKI_ROOT . 'src/Storage.php';
require_once WIKI_ROOT . 'src/MediaManager.php';
 
auth_setup();
 
$wikiStorage  = new Storage(WIKI_ROOT . 'data');
$mediaManager = new MediaManager(WIKI_ROOT . 'data');
 
$ID = isset($_GET['id']) ? preg_replace('/[^a-zA-Z0-9_\-:]/', '', $_GET['id']) : 'start';
$ID = trim($ID, ':');
if (empty($ID)) { $ID = 'start'; }
 
$ACT = isset($_GET['do']) ? preg_replace('/[^a-z_]/', '', $_GET['do']) : 'show';
 
// 1. АСИНХРОННЫЙ API ЭНДПОИНТ ДЛЯ МОДАЛЬНОГО ОКНА КАРТИНОК
if ($ACT === 'api_upload' && $_SERVER['REQUEST_METHOD'] === 'POST') {
    header('Content-Type: application/json');
    if (!auth_is_logged()) { echo json_encode(['success' => false, 'error' => 'Необходима авторизация.']); exit; }
    $currentNS = str_contains($ID, ':') ? substr($ID, 0, (int)strrpos($ID, ':')) : '';
    if ($mediaManager->upload($currentNS)) {
        $uploadedName = preg_replace('/[^a-zA-Z0-9_\-\.]/', '', $_FILES['uploadfile']['name']);
        $nsPrefix = $currentNS ? $currentNS . ':' : '';
        $wikiTag = '{{:' . $nsPrefix . $uploadedName . '|}}';
        echo json_encode(['success' => true, 'tag' => $wikiTag]);
        exit;
    } else {
        echo json_encode(['success' => false, 'error' => 'Ошибка загрузки.']); exit;
    }
}
 
// 2. ИСПРАВЛЕНО: АСИНХРОННЫЙ API ЭНДПОИНТ ДЛЯ ЖИВОГО ПРЕДПРОСМОТРА (В самом верху до фильтрации)
if ($ACT === 'api_preview' && $_SERVER['REQUEST_METHOD'] === 'POST') {
    header('Content-Type: text/html; charset=UTF-8');
 
    $textToParse = isset($_POST['wikitext']) ? (string)$_POST['wikitext'] : '';
 
    require_once WIKI_ROOT . 'src/Parser.php';
    $parser = new Parser();
 
    // Отдаем только чистый отрендеренный текст и намертво прерываем выполнение
    echo $parser->render($textToParse);
    exit; 
}
 
// =========================================================================
 
// Обработка авторизации
if ($ACT === 'login' && $_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = isset($_POST['u']) ? (string)$_POST['u'] : '';
    $password = isset($_POST['p']) ? (string)$_POST['p'] : '';
    if (auth_login($username, $password)) {
        header('Location: ?id=' . urlencode($ID));
        exit;
    }
}
 
// Обработка выхода
if ($ACT === 'logout') {
    auth_logout();
    header('Location: ?id=' . urlencode($ID));
    exit;
}
 
// Сохранение вики-страницы
if ($ACT === 'save' && $_SERVER['REQUEST_METHOD'] === 'POST') {
    if (!auth_is_logged()) { die('Ошибка доступа.'); }
    $textToSave = $_POST['wikitext'] ?? '';
    if ($wikiStorage->save($ID, $textToSave)) {
        header('Location: ?id=' . urlencode($ID) . '&do=show');
        exit;
    }
}
 
// Стандартная загрузка медиафайлов (из вкладки "Медиафайлы")
if ($ACT === 'upload' && $_SERVER['REQUEST_METHOD'] === 'POST') {
    if (!auth_is_logged()) { die('Ошибка доступа.'); }
    $currentNS = str_contains($ID, ':') ? substr($ID, 0, (int)strrpos($ID, ':')) : '';
    if ($mediaManager->upload($currentNS)) {
        header('Location: ?id=' . urlencode($ID) . '&do=media');
        exit;
    }
}
 
// Стандартное удаление медиафайлов
if ($ACT === 'delete') {
    if (!auth_is_logged()) { die('Ошибка доступа.'); }
    $currentNS = str_contains($ID, ':') ? substr($ID, 0, (int)strrpos($ID, ':')) : '';
    $fileToDelete = isset($_GET['file']) ? (string)$_GET['file'] : '';
    if (!empty($fileToDelete)) {
        $mediaManager->delete($currentNS, $fileToDelete);
    }
    header('Location: ?id=' . urlencode($ID) . '&do=media');
    exit;
}
 
// Массив легальных команд (Добавлено действие api_upload)
$allowed_actions = ['show', 'edit', 'save', 'media', 'upload', 'delete', 'login', 'api_upload', 'api_preview'];
if (!in_array($ACT, $allowed_actions, true)) {
    $ACT = 'show';
}
 
require_once WIKI_ROOT . 'src/Template.php';
 
if (file_exists(WIKI_TPL . 'main.php')) {
    include WIKI_TPL . 'main.php';
} else {
    die("Критическая ошибка движка: Главный файл шаблона не найден.");
}

template.php

template.php

<?php
/**
 * Модуль шаблонизации (Аналог inc/template.php в DokuWiki)
 */
 
declare(strict_types=1);
 
if (!defined('WIKI_ROOT')) {
    die('Прямой доступ к файлу запрещен.');
}
 
/**
 * Выводит заголовок текущей страницы для тега <title>
 */
function tpl_pagetitle(): void {
    global $ID;
    echo htmlspecialchars(str_replace(':', ' » ', $ID));
}
 
/**
 * Подключает верхнюю часть HTML-шаблона (Шапку)
 */
function tpl_header(): void {
    if (file_exists(WIKI_TPL . 'header.php')) {
        include WIKI_TPL . 'header.php';
    }
}
 
/**
 * Подключает нижнюю часть HTML-шаблона (Подвал)
 */
function tpl_footer(): void {
    if (file_exists(WIKI_TPL . 'footer.php')) {
        include WIKI_TPL . 'footer.php';
    }
}
 
/**
 * Системная функция ядра для подключения панели инструментов редактора
 */
function tpl_extensions_toolbar(): void {
    if (file_exists(WIKI_ROOT . 'src/toolbar.php')) {
        include WIKI_ROOT . 'src/toolbar.php';
    }
}
 
/**
 * Главный диспетчер вывода контента в шаблоне
 */
function tpl_content(): void {
    global $ACT;
    switch ($ACT) {
        case 'login':
            tpl_login_form();
            break;
        case 'edit':
            tpl_edit_form();
            break;
        case 'media':
            tpl_media_manager();
            break;
        case 'show':
        default:
            tpl_page_body();
            break;
    }
}
 
/**
 * ВЫВОД СТРАНИЦЫ: Читает файл, рендерит через Parser и выводит живой HTML
 */
function tpl_page_body(): void {
    global $ID, $wikiStorage;
 
    echo "<h1 style='margin-top:0; color:#2b5e8f;'>" . htmlspecialchars($ID) . "</h1>";
 
    if ($wikiStorage->exists($ID)) {
        $rawText = $wikiStorage->read($ID);
 
        require_once WIKI_ROOT . 'src/Parser.php';
        $parser = new Parser();
 
        $htmlContent = $parser->render($rawText);
 
        echo "<div class='wiki-content' style='line-height:1.6; font-size:15px;'>";
        echo $htmlContent;
        echo "</div>";
    } else {
        echo "<div style='background:#fff9e6; border:1px solid #ffe0b3; padding:15px; color:#b36b00;'>";
        echo "Страницы с именем <strong>" . htmlspecialchars($ID) . "</strong> еще не существует.";
        echo "</div>";
        if (auth_is_logged()) {
            echo "<p><a href='?id=" . urlencode($ID) . "&do=edit' style='display:inline-block; margin-top:15px; padding:8px 15px; background:#2b5e8f; color:#fff; text-decoration:none; border-radius:3px; font-weight:bold;'>Создать эту страницу</a></p>";
        } else {
            echo "<p style='font-size:14px; color:#666;'>Войдите в систему, чтобы иметь возможность создать её.</p>";
        }
    }
}
 
/**
 * ФОРМА РЕДАКТИРОВАНИЯ И ПРЕДПРОСМОТРА СНИЗУ
 */
function tpl_edit_form(): void {
    global $ID, $wikiStorage;
 
    if (!auth_is_logged()) {
        echo "<p style='color:red; font-weight:bold;'>Ошибка: Только зарегистрированные пользователи могут редактировать страницы.</p>";
        return;
    }
 
    $currentText = $wikiStorage->read($ID);
 
    echo "<div style='font-size:13px; color:#444; background:#fbfbfb; padding:10px; border:1px solid #ddd; margin-bottom:15px;'>Отредактируйте страницу и нажмите «Сохранить».</div>";
    echo "<h1>Правка страницы: " . htmlspecialchars($ID) . "</h1>";
 
    echo '<form method="POST" action="?id=' . urlencode($ID) . '&do=save">';
    echo '<div class="wiki-editor-container">';
 
    // Системный тулбар кнопок
    tpl_extensions_toolbar();
 
    // Поле ввода текста
    echo '<textarea id="wikiEditor" name="wikitext" class="wiki-textarea">' . htmlspecialchars($currentText) . '</textarea>';
    echo '</div>';
 
    // Блок нижних кнопок управления движком (В стиле DokuWiki)
    echo '<div style="margin-top:15px; background:#f8f9fa; padding:15px; border:1px solid #ccc; border-radius:4px;">';
    echo '  <div style="margin-bottom:12px;">';
    echo '    <button type="submit" class="doku-btn" style="background:#2b5e8f; color:#fff; font-weight:bold;">Сохранить</button>';
    echo '    <button type="button" class="doku-btn" onclick="runLivePreview()">Просмотр</button>';
    echo '    <a href="?id=' . urlencode($ID) . '" class="doku-btn" style="text-decoration:none; display:inline-block; text-align:center; line-height:1.2;">Отменить</a>';
    echo '  </div>';
 
    echo '  <div>';
    echo '    <label style="display:block; font-size:13px; font-weight:bold; margin-bottom:4px; color:#333;">Сводка изменений:</label>';
    echo '    <input type="text" name="summary" style="width:100%; max-width:500px; padding:6px; border:1px solid #ccc; border-radius:3px; font-size:14px;" placeholder="Что именно вы изменили...">';
    echo '  </div>';
    echo '</div>';
    echo '</form>';
 
    // БЛОК ДИНАМИЧЕСКОГО ПРЕДПРОСМОТРА СНИЗУ
    echo '<div id="previewBlock" style="display:none; margin-top:40px; border-top:2px dashed #bbb; padding-top:20px;">';
    echo '  <h2 style="color:#2b5e8f; margin-top:0;">Просмотр</h2>';
    echo '  <p style="font-size:13px; color:#666; font-style:italic; margin-bottom:15px;">Здесь показано, как ваш text будет выглядеть. <strong>Внимание: текст ещё не сохранён!</strong></p>';
    echo '  <div id="previewContent" class="wiki-content" style="background:#fff; padding:20px; border:1px solid #ddd; border-radius:4px; min-height:100px; line-height:1.6;"></div>';
    echo '</div>';
}
 
/**
 * ИНТЕРФЕЙС АВТОРИЗАЦИИ
 */
function tpl_login_form(): void {
    if (auth_is_logged()) {
        echo "<p>Вы уже успешно авторизованы в системе.</p>";
        return;
    }
 
    if (!empty($GLOBALS['login_error'])) {
        echo "<div style='color: #a00; background: #ffebeb; padding: 15px; border: 1px solid #faaaaa; margin-bottom: 15px; font-family:monospace; font-size:13px; line-height:1.4;'>";
        echo $GLOBALS['login_error'];
        echo "</div>";
    }
 
    echo '
    <div style="max-width: 300px; background: #f9f9f9; padding: 25px; border: 1px solid #ddd; border-radius: 4px;">
        <h3 style="margin-top:0; margin-bottom:20px;">Авторизация</h3>
        <form method="POST">
            <label style="display:block; margin-bottom:5px; font-weight:bold; font-size:14px;">Логин:</label>
            <input type="text" name="u" required style="width:100%; margin-bottom:15px; padding:6px; box-sizing: border-box;">
 
            <label style="display:block; margin-bottom:5px; font-weight:bold; font-size:14px;">Пароль:</label>
            <input type="password" name="p" required style="width:100%; margin-bottom:20px; padding:6px; box-sizing: border-box;">
 
            <button type="submit" style="padding: 7px 20px; background:#2b5e8f; color:#fff; border:none; border-radius:3px; cursor:pointer; font-weight:bold;">Войти</button>
        </form>
    </div>';
}
 
/**
 * ИНТЕРФЕЙС МЕДИАМЕНЕДЖЕРА
 */
function tpl_media_manager(): void {
    global $ID, $mediaManager;
    $currentNS = str_contains($ID, ':') ? substr($ID, 0, (int)strrpos($ID, ':')) : '';
    echo "<h1>Медиа-менеджер для пространства имен: " . htmlspecialchars($currentNS ?: '[корень]') . "</h1>";
    if (auth_is_logged()) {
        echo '
        <div style="background:#f9f9f9; padding:20px; border:1px solid #ddd; border-radius:4px; margin-bottom:30px;">
            <h3 style="margin-top:0; margin-bottom:15px; font-size:16px;">Загрузить файл в этот раздел</h3>
            <form method="POST" action="?id=' . urlencode($ID) . '&do=upload" enctype="multipart/form-data">
                <input type="file" name="uploadfile" required>
                <button type="submit" style="padding:5px 15px; background:#2b5e8f; color:#fff; border:none; cursor:pointer; font-weight:bold; border-radius:3px;">Загрузить</button>
            </form>
            <small style="color:#666; display:block; margin-top:5px;">Разрешены форматы: JPG, PNG, GIF, PDF, TXT</small>
        </div>';
    }
    $files = $mediaManager->getFiles($currentNS);
    if (empty($files)) { echo "<p style='color:#888; font-style:italic;'>В данном разделе файлов пока нет.</p>"; return; }
    echo '<div style="display:grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap:20px;">';
    foreach ($files as $file) {
        $webPath = 'data/media/' . ($currentNS ? str_replace(':', '/', $currentNS) . '/' : '') . $file['name'];
        $sizeKb = round($file['size'] / 1024, 1);
        echo '<div style="border:1px solid #eee; padding:10px; border-radius:4px; text-align:center; background:#fff; display:flex; flex-direction:column; justify-content:between; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">';
        if ($file['is_image']) {
            echo '<div style="height:100px; display:flex; align-items:center; justify-content:center; margin-bottom:10px; overflow:hidden; background:#f4f4f4;"><img src="' . htmlspecialchars($webPath) . '" style="max-width:100%; max-height:100%; object-fit:contain;"></div>';
        } else {
            echo '<div style="height:100px; display:flex; align-items:center; justify-content:center; margin-bottom:10px; background:#e9ecef; font-size:32px; color:#6c757d; font-weight:bold; text-transform:uppercase;">' . htmlspecialchars($file['ext']) . '</div>';
        }
        echo '<div style="font-size:13px; font-weight:bold; word-break:break-all; text-align:left; flex-grow:1; margin-bottom:8px;">' . htmlspecialchars($file['name']) . '</div>';
        echo '<div style="font-size:11px; color:#666; text-align:left; margin-bottom:10px;">Размер: ' . $sizeKb . ' КБ</div>';
        if (auth_is_logged()) {
            $delUrl = '?id=' . urlencode($ID) . '&do=delete&file=' . urlencode($file['name']);
            echo '<a href="' . $delUrl . '" onclick="return confirm(\'Удалить этот файл?\')" style="color:#c00; font-size:12px; text-decoration:none; display:block; padding-top:5px; border-top:1px solid #f4f4f4;">Удалить</a>';
        }
        echo '</div>';
    }
    echo '</div>';
}

auth.php

auth.php

<?php
/**
 * Слой аутентификации и работы с сессиями (Аналог inc/auth.php в DokuWiki)
 */
 
declare(strict_types=1);
 
if (!defined('WIKI_ROOT')) {
    die('Прямой доступ к файлу запрещен.');
}
 
/**
 * Инициализация и безопасный старт сессии PHP
 */
function auth_setup(): void {
    ini_set('session.cookie_httponly', '1');
    ini_set('session.use_only_cookies', '1');
 
    if (session_status() === PHP_SESSION_NONE) {
        session_start();
    }
}
 
/**
 * Проверка учетных данных пользователя по файлу users.auth.php
 */
function auth_login(string $user, string $pass): bool {
    $auth_file = WIKI_ROOT . 'conf/users.auth.php';
 
    if (!file_exists($auth_file)) {
        return false;
    }
 
    $handle = fopen($auth_file, 'r');
    if (!$handle) {
        return false;
    }
 
    while (($line = fgets($handle)) !== false) {
        $line = str_replace(["\r", "\n"], '', $line);
        $line = trim($line);
 
        if (str_starts_with($line, '<?php') || str_starts_with($line, '#') || empty($line)) {
            continue;
        }
 
        $parts = explode(':', $line);
        if (count($parts) < 5) {
            continue; 
        }
 
        $login  = trim((string)array_shift($parts));
        $hash   = trim((string)array_shift($parts));
        $name   = trim((string)array_shift($parts));
        $email  = trim((string)array_shift($parts));
 
        if ($login === trim($user)) {
            // Штатная, безопасная проверка пароля по хэшу
            if (password_verify(trim($pass), $hash)) {
                fclose($handle);
 
                $_SESSION['auth_status'] = 'logged_in';
                $_SESSION['auth_login']  = $login;
                $_SESSION['auth_name']   = $name;
                $_SESSION['auth_email']  = $email;
                return true;
            }
        }
    }
 
    fclose($handle);
    return false;
}
 
/**
 * Выход пользователя из системы (Удаление сессии)
 */
function auth_logout(): void {
    unset($_SESSION['auth_status']);
    unset($_SESSION['auth_login']);
    unset($_SESSION['auth_name']);
    unset($_SESSION['auth_email']);
    session_destroy();
}
 
/**
 * Проверка, авторизован ли текущий посетитель
 */
function auth_is_logged(): bool {
    return isset($_SESSION['auth_status']) && $_SESSION['auth_status'] === 'logged_in';
}
 
/**
 * Получение имени текущего авторизованного пользователя
 */
function auth_get_name(): string {
    return isset($_SESSION['auth_name']) ? (string)$_SESSION['auth_name'] : 'Гость';
}
 
/**
 * Возвращает массив данных пользователя для совместимости с шаблоном header.php
 */
function auth_get_user(): array {
    return [
        'login' => isset($_SESSION['auth_login']) ? (string)$_SESSION['auth_login'] : '',
        'name'  => auth_get_name(),
        'email' => isset($_SESSION['auth_email']) ? (string)$_SESSION['auth_email'] : ''
    ];
}

users.auth.php

users.auth.php

<?php die(); ?>
# MicroWiki Users Auth File
# users.auth.php
# Формат записи: login:password_hash:real_name:email:groups
admin:$2y$10$csfWQtrGXsmJcNQ3aaERWOJ3Am/ljBh/r/gaG8gJM0ajo41FLH0aK:Администратор:admin@wiki.local:admin,user
editor:$2y$10$7R9rMkGzE8hWd2RjK1l8OuOl/Xp4yq3K9vR8fD7bC0mN5eK6wPy1a:Редактор Вася:vasya@wiki.local:user

hash.php

hash.php

<?php
echo password_hash('admin123', PASSWORD_DEFAULT);

storage.php

storage.php

<?php
/**
 * Класс управления плоскими файлами страниц (Аналог файлового ядра DokuWiki)
 * storage.php
 */
 
declare(strict_types=1);
 
if (!defined('WIKI_ROOT')) {
    die('Прямой доступ к файлу запрещен.');
}
 
class Storage {
    private string $baseDir;
 
    /**
     * Конструктор инициализирует базовую директорию для хранения текстов
     */
    public function __construct(string $baseDataPath) {
        // Гарантируем правильные слеши в путях для Windows/Linux систем
        $this->baseDir = rtrim(str_replace('\\', '/', $baseDataPath), '/') . '/pages/';
    }
 
    /**
     * Преобразует Wiki ID (например, "отдел:инструкция") в абсолютный путь к .txt файлу
     */
    public function resolvePath(string $id): string {
        // Безопасность: заменяем любые попытки выйти из папки (файлы вида ../)
        $id = str_replace(['..', '\\'], '', $id);
 
        // В DokuWiki двоеточие — это разделитель папок. Меняем ":" на "/"
        $relativePath = str_replace(':', '/', $id);
 
        return $this->baseDir . $relativePath . '.txt';
    }
 
    /**
     * Проверяет, существует ли физический файл страницы
     */
    public function exists(string $id): bool {
        return file_exists($this->resolvePath($id));
    }
 
    /**
     * Безопасно читает содержимое вики-страницы
     */
    public function read(string $id): string {
        $filePath = $this->resolvePath($id);
        if (file_exists($filePath)) {
            return file_get_contents($filePath) ?: '';
        }
        return '';
    }
 
    /**
     * Сохраняет текст страницы, автоматически создавая вложенную структуру папок
     */
    public function save(string $id, string $content): bool {
        $filePath = $this->resolvePath($id);
        $dirPath  = dirname($filePath);
 
        // Если папки для пространства имен не существуют, рекурсивно создаем их
        if (!is_dir($dirPath)) {
            if (!mkdir($dirPath, 0755, true) && !is_dir($dirPath)) {
                return false; // Не удалось создать папку (проблема прав доступа)
            }
        }
 
        // Записываем данные в файл атомарно
        return file_put_contents($filePath, $content) !== false;
    }
}

MediaManager.php

MediaManager.php

<?php
/**
 * Класс управления медиафайлами и изображениями (Аналог подсистемы Media в DokuWiki)
 */
 
declare(strict_types=1);
 
if (!defined('WIKI_ROOT')) {
    die('Прямой доступ к файлу запрещен.');
}
 
class MediaManager {
    private string $baseMediaDir;
    private array $allowedTypes;
 
    public function __construct(string $baseDataPath) {
        $this->baseMediaDir = rtrim(str_replace('\\', '/', $baseDataPath), '/') . '/media/';
        // Белый список разрешенных расширений файлов
        $this->allowedTypes = [
            'jpg', 'jpeg', 'png', 'gif', 'pdf', 'txt'
        ];
    }
 
    public function resolveDir(string $ns): string {
        $ns = str_replace(['..', '\\'], '', $ns);
        $relativePath = str_replace(':', '/', $ns);
        return rtrim($this->baseMediaDir . $relativePath, '/') . '/';
    }
 
    public function getFiles(string $ns): array {
        $dir = $this->resolveDir($ns);
        if (!is_dir($dir)) {
            return [];
        }
 
        $result = [];
        $files = scandir($dir);
 
        foreach ($files as $file) {
            if ($file === '.' || $file === '..') {
                continue;
            }
            if (is_file($dir . $file)) {
                $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
                $isImage = in_array($ext, ['jpg', 'jpeg', 'png', 'gif'], true);
 
                $result[] = [
                    'name' => $file,
                    'size' => filesize($dir . $file),
                    'is_image' => $isImage,
                    'ext' => $ext
                ];
            }
        }
        return $result;
    }
 
    /**
     * Безопасная обработка и загрузка файла из глобального массива $_FILES
     */
    public function upload(string $ns): bool {
        if (!isset($_FILES['uploadfile'])) {
            return false;
        }
 
        $error = $_FILES['uploadfile']['error'];
        if ($error !== UPLOAD_ERR_OK) {
            return false;
        }
 
        $name     = $_FILES['uploadfile']['name'];
        $tmp_name = $_FILES['uploadfile']['tmp_name'];
 
        // Очищаем имя файла от опасных символов
        $filename = preg_replace('/[^a-zA-Z0-9_\-\.]/', '', $name);
        $ext = strtolower(pathinfo($filename, PATHINFO_EXTENSION));
 
        // Жесткая проверка: если расширения нет в белом списке — бракуем загрузку
        if (!in_array($ext, $this->allowedTypes, true)) {
            return false;
        }
 
        $targetDir = $this->resolveDir($ns);
        if (!is_dir($targetDir)) {
            mkdir($targetDir, 0755, true);
        }
 
        // Переносим файл из временной папки сервера в каталог data/media/
        return move_uploaded_file($tmp_name, $targetDir . $filename);
    }
 
    public function delete(string $ns, string $filename): bool {
        $filename = preg_replace('/[^a-zA-Z0-9_\-\.]/', '', $filename);
        $filePath = $this->resolveDir($ns) . $filename;
 
        if (file_exists($filePath) && is_file($filePath)) {
            return unlink($filePath);
        }
        return false;
    }
}

Parser.php

Parser.php

<?php
/**
 * Класс трансляции вики-разметки в HTML (Аналог подсистемы парсера DokuWiki)
 */
 
declare(strict_types=1);
 
if (!defined('WIKI_ROOT')) {
    die('Прямой доступ к файлу запрещен.');
}
 
class Parser {
    public function render(string $text): string {
        require_once WIKI_ROOT . 'src/CodeHighlighter.php';
        $highlighter = new CodeHighlighter();
 
        $codeBlocks = [];
        $blockCount = 0;
 
        // Шаг 1. Вырезаем блоки <code> в сыром виде ДО какого-либо экранирования кавычек
        $text = preg_replace_callback('/<code(.*?)>(.*?)<\/code>/s', function(array $matches) use (&$codeBlocks, &$blockCount, $highlighter): string {
            $paramLine = isset($matches[1]) ? (string)$matches[1] : '';
            $codeBody  = isset($matches[2]) ? (string)$matches[2] : '';
 
            // Обрабатываем блок кода в чистом виде
            $renderedBlock = $highlighter->highlight($paramLine, $codeBody);
 
            // Исправлено: Маркер сделан алфавитно-цифровым, чтобы htmlspecialchars его не портил
            $marker = "DokuCodeBlock" . $blockCount . "X";
            $codeBlocks[$marker] = $renderedBlock;
            $blockCount++;
 
            return $marker;
        }, $text);
 
        // Шаг 2. Безопасность: теперь экранируем ОСТАВШИЙСЯ текст страницы от XSS уязвимостей
        $text = htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
 
        // Шаг 3. Парсим заголовки DokuWiki
        $text = preg_replace('/======\s*(.*?)\s*======/', '<h1>$1</h1>', $text);
        $text = preg_replace('/=====\s*(.*?)\s*=====/', '<h2>$1</h2>', $text);
        $text = preg_replace('/====\s*(.*?)\s*====/', '<h3>$1</h3>', $text);
 
        // Шаг 4. Стили форматирования текста
        $text = preg_replace('/\*\*(.*?)\*\*/', '<strong>$1</strong>', $text);
        $text = preg_replace('/\/\/(.*?)\/\//', '<em>$1</em>', $text);
        $text = preg_replace('/__(.*?)__/', '<u>$1</u>', $text);
 
        // Шаг 5. Парсим ссылки [[page_id]] или [[page_id|Текст]]
        $text = preg_replace_callback('/\[\[(.*?)\]\]/', function(array $matches): string {
            $innerContent = isset($matches[1]) ? (string)$matches[1] : '';
            if (str_contains($innerContent, '|')) {
                $parts = explode('|', $innerContent, 2);
                $pageId = trim((string)array_shift($parts));
                $label  = trim((string)array_shift($parts));
            } else {
                $pageId = trim($innerContent);
                $label  = $pageId;
            }
            $pageId = ltrim($pageId, ':');
            return '<a href="?id=' . urlencode($pageId) . '">' . htmlspecialchars($label) . '</a>';
        }, $text);
 
        // Шаг 6. Парсим медиа-теги изображений {{:картинка.png}}
        $text = preg_replace_callback('/\{\{:(.*?)\}\}/', function(array $matches): string {
            $innerMedia = isset($matches[1]) ? (string)$matches[1] : '';
            if (str_contains($innerMedia, '|')) {
                $mediaParts = explode('|', $innerMedia, 2);
                $mediaPath = trim((string)array_shift($mediaParts));
            } else {
                $mediaPath = trim($innerMedia);
            }
            $realPath = str_replace(':', '/', $mediaPath);
            return '<img src="data/media/' . htmlspecialchars($realPath) . '" style="max-width:100%; height:auto; margin: 12px 0; display:block; border: 1px solid #ddd; padding: 4px; border-radius: 4px;" alt="Медиафайл">';
        }, $text);
 
        // Шаг 7. Делаем автоматические переносы строк для текста страницы
        $text = nl2br($text);
 
        // Шаг 8. Финал: возвращаем сохраненные блоки кода обратно на свои места в обход nl2br
        foreach ($codeBlocks as $marker => $renderedHtml) {
            $text = str_replace($marker, $renderedHtml, $text);
        }
 
        return $text;
    }
}

CodeHighlighter.php

CodeHighlighter.php

<?php
/**
 * Системный компонент: Честная динамическая подсветка синтаксиса PHP/JS (стиль DokuWiki)
 */
 
declare(strict_types=1);
 
if (!defined('WIKI_ROOT')) {
    die('Прямой доступ к файлу запрещен.');
}
 
class CodeHighlighter {
    public function highlight(string $paramLine, string $code): string {
        $code = htmlspecialchars_decode($code, ENT_QUOTES);
        $code = trim($code, "\r\n");
        $code = trim($code);
 
        $paramLine = htmlspecialchars_decode($paramLine, ENT_QUOTES);
        $paramLine = trim($paramLine);
        $parts = explode(' ', $paramLine);
 
        $firstPart = array_shift($parts);
        $lang = $firstPart !== null ? strtolower(trim((string)$firstPart)) : 'text';
 
        $filename = '';
        $highlightLine = 0;
        $startLine = 1;
 
        // ЖЕСТКОЕ ИСПРАВЛЕНО: Используем именованную группу ?P<fname> для 100% изоляции строки от массивов
        if (preg_match('/"(?P<fname>[^"]+)"/', $paramLine, $fileMatches)) {
            $filename = isset($fileMatches['fname']) ? (string)$fileMatches['fname'] : '';
 
            // Вырезаем кавычки с файлом из параметров
            $paramLine = preg_replace('/"[^"]+"/', '', $paramLine);
            $parts = explode(' ', $paramLine);
        }
 
        foreach ($parts as $part) {
            $part = trim((string)$part);
            if (empty($part)) continue;
 
            if (str_contains($part, '=')) {
                $kv = explode('=', $part, 2);
                $key = isset($kv[0]) ? trim((string)$kv[0]) : '';
                $val = isset($kv[1]) ? trim((string)$kv[1]) : '';
 
                if ($key === 'highlight') $highlightLine = (int)$val;
                if ($key === 'start') $startLine = (int)$val;
            } elseif (empty($filename) && $part !== $lang) {
                $filename = $part;
            }
        }
 
        $lines = preg_split('/\r\n|\r|\n/', $code);
        if ($lines === false) { $lines = [$code]; }
 
        $firstCodeLineIdx = -1;
        foreach ($lines as $idx => $line) {
            $t = trim($line);
            if (!empty($t) && !str_starts_with($t, '*') && !str_starts_with($t, '/*') && !str_starts_with($t, '*/') && $t !== '/**') {
                $firstCodeLineIdx = $idx;
                break;
            }
        }
 
        $htmlLines = '';
        $currentLineNum = $startLine;
 
        foreach ($lines as $idx => $line) {
            $trimmedLine = trim($line);
            $isCommentStar = str_starts_with($trimmedLine, '*') || str_starts_with($trimmedLine, '*/') || $trimmedLine === '/**' || ($trimmedLine === '' && $idx < $firstCodeLineIdx);
 
            $colorLine = $this->colorizeLine($line, $lang, $isCommentStar);
            $highlightClass = ($currentLineNum === $highlightLine) ? ' class="code-line-active"' : '';
 
            $htmlLines .= '<div' . $highlightClass . '>';
            $htmlLines .= '<span class="code-ln">' . $currentLineNum . '</span>';
            $htmlLines .= '<span class="code-txt">' . ($colorLine === '' ? '&nbsp;' : $colorLine) . '</span>';
            $htmlLines .= '</div>';
 
            $currentLineNum++;
        }
 
        $html = '<div class="doku-code-block">';
        if (!empty($filename)) {
            $html .= '<div class="doku-code-file-label">';
            $html .= '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNksksENwDAIA02WSboJm6gZun/bZAt6i6pCH8A+YscgInIuOfuS89SIs6vIs8766m6KyvN7S7g7gIio9mZpEXfF3Xg6wF1FfXU36gB3w90g7v6vA+DuZvefOuxwFwN3A7O76wV3A6v7bwwAnwEGADZ0K9776Xm6AAAAAElFTkSuQmCC" style="margin-right:6px; vertical-align:middle; width:12px; height:12px;">';
            $html .= htmlspecialchars($filename);
            $html .= '</div>';
        }
 
        $html .= '<div class="doku-code-content-wrapper"><pre class="doku-code-content">' . $htmlLines . '</pre></div>';
        $html .= '</div>';
 
        return $html;
    }
 
    private function colorizeLine(string $line, string $lang, bool $isCommentStar): string {
        $line = htmlspecialchars($line, ENT_NOQUOTES, 'UTF-8');
 
        if ($lang === 'php' || $lang === 'javascript' || $lang === 'js') {
            if ($isCommentStar) {
                return '<span style="color:#408080; font-style:italic;">' . $line . '</span>';
            }
 
            $commentPart = '';
            if (preg_match('/(\/\/|#)(.*)$/', $line, $matches)) {
                $commentPart = isset($matches[0]) ? (string)$matches[0] : '';
                $line = str_replace($commentPart, '%%DOKU_COMMENT_PLACEHOLDER%%', $line);
            }
 
            $line = preg_replace_callback('/(\'.*?\'|".*?")/', function(array $m): string {
                return '<span style="color:#ff0000;">' . (isset($m[0]) ? $m[0] : '') . '</span>';
            }, $line);
 
            if ($lang === 'php') {
                $line = preg_replace_callback('/(?<!\w)(\$[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*)/', function(array $m): string {
                    return '<span style="color:#0000cb;">' . (isset($m[0]) ? $m[0] : '') . '</span>';
                }, $line);
 
                $controlKeywords = ['if', 'echo', 'return', 'function'];
                foreach ($controlKeywords as $word) {
                    $line = preg_replace_callback('/\b' . $word . '\b/', function(array $m) use ($word): string {
                        return '<span style="color:#008000;">' . $word . '</span>';
                    }, $line);
                }
 
                $funcKeywords = ['defined', 'die'];
                foreach ($funcKeywords as $word) {
                    $line = preg_replace_callback('/\b' . $word . '\b/', function(array $m) use ($word): string {
                        return '<span style="color:#0000cb;">' . $word . '</span>';
                    }, $line);
                }
            }
 
            // Обычная замена индексов массивов на безопасный вывод в скобках
            $line = preg_replace_callback('/([()\{\}\[\]])/', function(array $m): string {
                return '<span style="color:#008000;">' . (isset($m[0]) ? $m[0] : '') . '</span>';
            }, $line);
 
            if (!empty($commentPart)) {
                $cleanComment = strip_tags($commentPart);
                $commentHtml = '<span style="color:#408080; font-style:italic;">' . $cleanComment . '</span>';
                $line = str_replace('%%DOKU_COMMENT_PLACEHOLDER%%', $commentHtml, $line);
            }
        }
 
        return $line;
    }
}

toolbar.php

toolbar.php

<?php
/**
 * Системный компонент редактора: Монолитный Toolbar с горизонтальными пикерами DokuWiki
 */
if (!defined('WIKI_ROOT')) die(); 
?>
<div class="doku-toolbar-container">
    <div class="doku-toolbar-group">
        <!-- Текст -->
        <button type="button" class="doku-btn-ico" title="Жирный (Ctrl+B)" onclick="insertTags('**', '**', 'жирный текст')"><strong>B</strong></button>
        <button type="button" class="doku-btn-ico" title="Курсив (Ctrl+I)" onclick="insertTags('//', '//', 'курсив')"><em>I</em></button>
        <button type="button" class="doku-btn-ico" title="Подчеркнутый (Ctrl+U)" onclick="insertTags('__', '__', 'подчеркнутый текст')"><u>U</u></button>
        <button type="button" class="doku-btn-ico" title="Моноширинный" onclick="insertTags('\'\'', '\'\'', 'код')"><small>TT</small></button>
        <button type="button" class="doku-btn-ico" title="Зачеркнутый" onclick="insertTags('<del>', '</del>', 'зачеркнутый текст')"><del>S</del></button>
    </div>
 
    <!-- ВЫПАДАЮЩЕЕ МЕНЮ ЗАГОЛОВКОВ (ГОРИЗОНТАЛЬНЫЙ ПИКЕР) -->
    <div class="doku-toolbar-group">
        <div class="doku-dropdown">
            <button type="button" class="doku-btn-ico" id="dokuBtnH" title="Выбрать заголовок">
                <strong>H</strong><span class="doku-arrow"></span>
            </button>
            <div class="doku-dropdown-content" id="dokuDropH">
                <div class="doku-sub-toolbar">
                    <!-- Ластик / Очистка стиля -->
                    <button type="button" class="doku-sub-btn" title="Очистить стиль" onclick="insertTags('', '', '')">
                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
                    </button>
                    <!-- Кнопки уровней H1-H5 -->
                    <button type="button" class="doku-sub-btn" title="Заголовок H1" onclick="insertTags('====== ', ' ======\n', 'Заголовок 1')"><strong>H₁</strong></button>
                    <button type="button" class="doku-sub-btn" title="Заголовок H2" onclick="insertTags('===== ', ' =====\n', 'Заголовок 2')"><strong>H₂</strong></button>
                    <button type="button" class="doku-sub-btn" title="Заголовок H3" onclick="insertTags('==== ', ' ====\n', 'Заголовок 3')"><strong>H₃</strong></button>
                    <button type="button" class="doku-sub-btn" title="Заголовок H4" onclick="insertTags('=== ', ' ===\n', 'Заголовок 4')"><strong>H₄</strong></button>
                    <button type="button" class="doku-sub-btn" title="Заголовок H5" onclick="insertTags('== ', ' ==\n', 'Заголовок 5')"><strong>H₅</strong></button>
                </div>
            </div>
        </div>
    </div>
 
    <div class="doku-toolbar-group">
        <!-- Списки и таблицы -->
        <button type="button" class="doku-btn-ico" title="Маркированный список" onclick="insertTags('  * ', '\n', 'Элемент списка')">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><circle cx="4" cy="6" r="1"/><line x1="9" y1="6" x2="20" y2="6"/><circle cx="4" cy="12" r="1"/><line x1="9" y1="12" x2="20" y2="12"/><circle cx="4" cy="18" r="1"/><line x1="9" y1="18" x2="20" y2="18"/></svg>
        </button>
        <button type="button" class="doku-btn-ico" title="Нумерованный список" onclick="insertTags('  - ', '\n', 'Элемент списка')">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><path d="M4 6h1v4M4 10h2M4 14h2v2H4v2h2"/></svg>
        </button>
        <button type="button" class="doku-btn-ico" title="Вставить таблицу" onclick="insertTags('^ Заголовок 1 ^ Заголовок 2 ^\n| Элемент 1   | Элемент 2   |\n', '', '')">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="12" y1="3" x2="12" y2="21"/></svg>
        </button>
 
        <!-- ИСПРАВЛЕНО: Кнопка кода теперь обернута в блок dropdown с корректным ID и стрелочкой -->
        <div class="doku-dropdown">
            <button type="button" class="doku-btn-ico" id="dokuBtnCode" title="Вставить блок кода">
                &lt;&gt;<span class="doku-arrow"></span>
            </button>
            <div class="doku-dropdown-content" id="dokuDropCode">
                <div class="doku-sub-toolbar">
                    <!-- Обычный код -->
                    <button type="button" class="doku-sub-btn" title="Простой код" onclick="insertTags('<code>\n', '\n</code>', 'текст кода')">
                        <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#444" stroke-width="2.5"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
                    </button>
                    <!-- HTML -->
                    <button type="button" class="doku-sub-btn" title="Code HTML" onclick="insertTags('<code html>\n', '\n</code>', '<!-- HTML код -->')">
                        <div class="file-ico css-html">HTM</div>
                    </button>
                    <!-- PHP -->
                    <button type="button" class="doku-sub-btn" title="Code PHP" onclick="insertTags('<code php>\n', '\n</code>', '// PHP код')">
                        <div class="file-ico css-php">PHP</div>
                    </button>
                    <!-- CSS -->
                    <button type="button" class="doku-sub-btn" title="Code CSS" onclick="insertTags('<code css>\n', '\n</code>', '/* CSS стили */')">
                        <div class="file-ico css-css">CSS</div>
                    </button>
                    <!-- JS -->
                    <button type="button" class="doku-sub-btn" title="Code JavaScript" onclick="insertTags('<code javascript>\n', '\n</code>', '// JS код')">
                        <div class="file-ico css-js">JS</div>
                    </button>
                    <!-- SQL -->
                    <button type="button" class="doku-sub-btn" title="Code SQL" onclick="insertTags('<code sql>\n', '\n</code>', 'SELECT * FROM table;')">
                        <div class="file-ico css-sql">SQL</div>
                    </button>
                    <!-- BASH -->
                    <button type="button" class="doku-sub-btn" title="Code Bash" onclick="insertTags('<code bash>\n', '\n</code>', '#!/bin/bash')">
                        <div class="file-ico css-bash">BSH</div>
                    </button>
                </div>
            </div>
        </div>
    </div>
 
    <div class="doku-toolbar-group">
        <!-- Ссылки -->
        <button type="button" class="doku-btn-ico" title="Внутренняя ссылка" onclick="insertTags('[[:пространство:имя_файла|%sel%', ']]', 'разметка')">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
        </button>
        <button type="button" class="doku-btn-ico" title="Вставить изображение" onclick="openMediaModal()">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
        </button>
    </div>
</div>
 
<!-- Каркас модального окна скрыт ниже, без изменений -->
<div id="mediaModal" style="display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); align-items:center; justify-content:center;">
    <div style="background:#fff; padding:25px; border-radius:6px; width:500px; max-width:90%; box-shadow:0 4px 20px rgba(0,0,0,0.2); position:relative;">
        <span onclick="closeMediaModal()" style="position:absolute; right:15px; top:10px; font-size:24px; font-weight:bold; cursor:pointer; color:#aaa;">&times;</span>
        <h3 style="margin-top:0; color:#2b5e8f; margin-bottom:20px; font-family: sans-serif;">Загрузка и вставка изображения</h3>
        <div id="modalUploadContainer">
            <div style="border:2px dashed #ccc; padding:30px; text-align:center; background:#fafafa; border-radius:4px; margin-bottom:15px; cursor:pointer; position:relative;">
                <input type="file" id="modalFileInp" name="uploadfile" accept="image/*" style="position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;">
                <span id="uploadPrompt" style="color:#666; font-size:14px; font-family: sans-serif;">📄 Кликните сюда для выбора картинки</span>
            </div>
            <div style="text-align:right; font-family: sans-serif;">
                <span onclick="closeMediaModal()" style="display:inline-block; padding:8px 15px; background:#eee; border:1px solid #ccc; border-radius:4px; cursor:pointer; margin-right:10px; font-size:14px; color:#333;">Отмена</span>
                <span onclick="sendModalFile(event)" style="display:inline-block; padding:8px 20px; background:#2b5e8f; color:#fff; border-radius:4px; cursor:pointer; font-weight:bold; font-size:14px;">Загрузить и вставить</span>
            </div>
        </div>
    </div>
</div>

toolbar.js

toolbar.js

/**
 * Функция вставки вики-тегов в поле редактора
 */
function insertTags(openTag, closeTag, defaultText) {
    var txtarea = document.getElementById("wikiEditor");
    if (!txtarea) return;
 
    var start = txtarea.selectionStart;
    var end = txtarea.selectionEnd;
    var selText = txtarea.value.substring(start, end);
 
    if (!selText) { 
        selText = defaultText; 
    }
 
    var replacement = '';
    var newCursorStart = start;
    var newCursorEnd = end;
 
    if (openTag.indexOf('%sel%') !== -1) {
        replacement = openTag.replace('%sel%', selText) + closeTag;
        txtarea.value = txtarea.value.substring(0, start) + replacement + txtarea.value.substring(end, txtarea.value.length);
        newCursorStart = start + 3; 
        newCursorEnd = start + 3;
    } else {
        replacement = openTag + selText + closeTag;
        txtarea.value = txtarea.value.substring(0, start) + replacement + txtarea.value.substring(end, txtarea.value.length);
        newCursorStart = start;
        newCursorEnd = start + replacement.length;
    }
 
    txtarea.focus();
    txtarea.selectionStart = newCursorStart;
    txtarea.selectionEnd = newCursorEnd;
}
 
/**
 * Инициализация горячих клавиш
 */
document.addEventListener("DOMContentLoaded", function() {
    var editor = document.getElementById("wikiEditor");
    if (!editor) return;
 
    editor.addEventListener("keydown", function(e) {
        var isCtrl = e.ctrlKey || e.metaKey;
        if (isCtrl) {
            if (e.key.toLowerCase() === 'b') { e.preventDefault(); insertTags('**', '**', 'жирный текст'); }
            if (e.key.toLowerCase() === 'i') { e.preventDefault(); insertTags('//', '//', 'курсив'); }
            if (e.key.toLowerCase() === 'u') { e.preventDefault(); insertTags('__', '__', 'подчеркнутый текст'); }
        }
    });
});
 
/**
 * Асинхронный движок предпросмотра текста в стиле DokuWiki
 */
function runLivePreview() {
    var editor = document.getElementById("wikiEditor");
    var previewBlock = document.getElementById("previewBlock");
    var previewContent = document.getElementById("previewContent");
 
    if (!editor || !previewBlock || !previewContent) return;
 
    var textValue = editor.value;
 
    var formData = new FormData();
    formData.append("wikitext", textValue);
 
    var urlParams = new URLSearchParams(window.location.search);
    var pageId = urlParams.get('id') || 'start';
 
    previewContent.innerHTML = "<span style='color:#666; font-style:italic;'>Генерация предпросмотра...</span>";
    previewBlock.style.display = "block";
 
    previewBlock.scrollIntoView({ behavior: 'smooth' });
 
    // Отправляем запрос на бэкенд
    fetch('?id=' + encodeURIComponent(pageId) + '&do=api_preview', {
        method: 'POST',
        body: formData
    })
    .then(function(response) {
        if (!response.ok) {
            throw new Error("Сервер вернул статус " + response.status);
        }
        // ИСПРАВЛЕНО: Ждем чистый текст/HTML, а не JSON!
        return response.text(); 
    })
    .then(function(htmlResult) {
        // Мгновенно отрисовываем HTML в блоке превью
        previewContent.innerHTML = htmlResult;
    })
    .catch(function(error) {
        console.error('Preview Error:', error);
        previewContent.innerHTML = "<span style='color:red;'>Не удалось загрузить предпросмотр: " + error.message + "</span>";
    });
}
 
// Добавьте этот код в самый конец файла assets/js/toolbar.js:
 
/**
 * Управление выпадающими горизонтальными пикерами Toolbar
 */
document.addEventListener("DOMContentLoaded", function() {
    var btnH = document.getElementById("dokuBtnH");
    var btnCode = document.getElementById("dokuBtnCode");
 
    var dropH = document.getElementById("dokuDropH");
    var dropCode = document.getElementById("dokuDropCode");
 
    if (btnH && dropH) {
        btnH.addEventListener("click", function(e) {
            e.stopPropagation();
            if (dropCode) dropCode.classList.remove("doku-dropdown-show");
            dropH.classList.toggle("doku-dropdown-show");
        });
    }
 
    if (btnCode && dropCode) {
        btnCode.addEventListener("click", function(e) {
            e.stopPropagation();
            if (dropH) dropH.classList.remove("doku-dropdown-show");
            dropCode.classList.toggle("doku-dropdown-show");
        });
    }
 
    document.addEventListener("click", function() {
        if (dropH) dropH.classList.remove("doku-dropdown-show");
        if (dropCode) dropCode.classList.remove("doku-dropdown-show");
    });
});

media-modal.js

media-modal.js

/**
 * Системный компонент: Управление модальным окном Медиа-менеджера и AJAX загрузкой
 */
 
function openMediaModal() {
    var modal = document.getElementById("mediaModal");
    if (modal) {
        modal.style.display = "flex";
        document.getElementById("uploadPrompt").innerText = "📄 Кликните сюда для выбора картинки";
        document.getElementById("modalFileInp").value = ""; 
    }
}
 
function closeMediaModal() {
    var modal = document.getElementById("mediaModal");
    if (modal) modal.style.display = "none";
}
 
/**
 * Асинхронная отправка файла на бэкенд без перезагрузки страницы
 */
function sendModalFile(event) {
    // Жестко глушим любые системные события браузера, чтобы предотвратить submit формы редактора
    if (event) {
        event.preventDefault();
        event.stopPropagation();
    }
 
    var fileInp = document.getElementById("modalFileInp");
    if (!fileInp || !fileInp.files || fileInp.files.length === 0) {
        alert("Пожалуйста, выберите файл для загрузки.");
        return;
    }
 
    var urlParams = new URLSearchParams(window.location.search);
    var pageId = urlParams.get('id') || 'start';
 
    var targetFile = fileInp.files.item(0);
 
    var formData = new FormData();
    formData.append("uploadfile", targetFile);
 
    // Выполняем асинхронный фоновый запрос к бэкенду
    fetch('?id=' + encodeURIComponent(pageId) + '&do=api_upload', {
        method: 'POST',
        body: formData
    })
    .then(function(response) {
        if (!response.ok) {
            throw new Error("Ошибка сети: сервер вернул статус " + response.status);
        }
        return response.json();
    })
    .then(function(data) {
        if (data.success) {
            // Вставляем полученный тег в поле редактора
            insertTags(data.tag, '', '');
            closeMediaModal();
        } else {
            alert("Ошибка сервера: " + data.error);
        }
    })
    .catch(function(error) {
        console.error('AJAX Error:', error);
        alert("Критическая ошибка при фоновой отправке файла: " + error.message);
    });
}
 
document.addEventListener("DOMContentLoaded", function() {
    var fileInp = document.getElementById("modalFileInp");
    if (fileInp) {
        fileInp.addEventListener("change", function() {
            if (this.files && this.files.length > 0) {
                var currentFile = this.files.item(0);
                document.getElementById("uploadPrompt").innerText = "✅ Выбран файл: " + currentFile.name;
            }
        });
    }
});

ai_рабочая_07.06.2026.rar - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Sun, 07 Jun 2026 13:50:37 +0000

ai_абочая_с_вики_старая.rar - создано

vladpolskiy@undisclosed.example.com (VladPolskiy) — Sun, 07 Jun 2026 13:49:34 +0000