RoK Editor — это бесплатный веб-редактор для создания стильных описаний альянсов в игре Rise of Kingdoms. Он помогает лидерам и офицерам быстро оформлять информацию о наборе, правилах и контактах, используя цветной текст и сотни уникальных символов.
🌐 Живое демо: nekoulik.github.io/rok-editor
- Разноцветное название: Собирай название альянса из нескольких частей с разными цветами.
- Гибкие размеры: Настраиваемый размер шрифта для заголовка, ролей и футера (10–100 px).
- Декор: Добавляй иконки по бокам названия (опционально).
- Защита от ошибок: Автоматическая расстановка пробелов после символов для корректного парсинга в игре.
728 символов в 16 удобных категориях:
⚔️ Оружие и война | ✦ Звёзды и искры | ➤ Стрелки | ◆ Геометрия
─ Линии и рамки | ♪ Музыка | ♔ Шахматы | ♠ Карты
☀ Астрономия | ❤ Сердца | 👍 Руки и жесты | 🌸 Природа
© Другие | 1️⃣ Цифры и числа | 🅰 Буквы и текст | 😀 Смайлы и эмоции
- Живой предпросмотр: Сразу видно, как текст будет выглядеть в игре.
- Копирование в 1 клик: Готовый код мгновенно попадает в буфер обмена.
- Нативный формат RoK: Полная совместимость с тегами
<size>,<color>,<b>,<i>.
- Модальные окна: Возможности, О проекте, ВКонтакте, Обратная связь, Поддержать.
- Адаптивный дизайн: Идеально работает как на десктопе, так и на мобильных устройствах.
- Атмосферный фон: Фоновое изображение в стилистике Rise of Kingdoms.
- Приватность: Без рекламы, без регистрации, данные не отправляются на сервер.
Открой терминал в папке проекта и используй любой из способов:
# Python 3
python -m http.server 8000
# Node.js
npx serve .
Затем открой в браузере: http://localhost:8000
📂 Вариант 2: Открыть файл напрямую
Скачай или склонируй репозиторий.
Открой файл index.html двойным кликом в любом современном браузере.
Готово! Никаких зависимостей устанавливать не нужно.
🌐 Вариант 3: GitHub Pages (Онлайн)
Сделай Fork этого репозитория.
Включи GitHub Pages в настройках (Settings → Pages → Branch: main).
Твой сайт будет доступен по адресу: https://твой_ник.github.io/rok-editor/
📁 Структура проекта
rok-editor/
├── index.html # Главная страница
├── README.md # Этот файл с описанием
├── LICENSE # Файл лицензии MIT
├── css/
│ ├── style.css # Основные стили сайта
│ └── modal.css # Стили для модальных окон
├── js/
│ ├── symbols.js # База символов (728 шт., 16 категорий)
│ ├── main.js # Основная логика редактора
│ ├── modal.js # Скрипт окна "Возможности"
│ ├── about.js # Скрипт окна "О проекте"
│ ├── vk.js # Скрипт окна "ВКонтакте"
│ ├── feedback.js # Скрипт окна "Обратная связь"
│ └── support.js # Скрипт окна "Поддержать проект"
└── assets/
└── background.jpg # Фоновое изображение в стиле RoK
Технолог Назначение
HTML5 Структура и семантика страницы
CSS3 Стили, анимации, адаптивность (Grid / Flexbox)
VanillaJS Чистая логика без тяжелых фреймворков
GitHubPages Бесплатный и быстрый хостинг
Особенности архитектуры:
❌ Без фреймворков (React, Vue, Angular)
❌ Без сборщиков (Webpack, Vite)
❌ Без внешних библиотек
✅ Чистый ванильный код
✅ Мгновенная загрузка
✅ Полная работа офлайн
🎮 Как использовать
Название альянса:
1.Нажми + Добавить часть названия, введи текст (например, Black), выбери цвет (например, #00aaff). Добавь следующую часть (например, PieCe красным #ff1900). При желании добавь иконки по бокам.
2.Роли и строки:
Настрой цвета, нажми + Добавить строку и заполни поля: иконка, название роли, значение. Повтори для всех ролей (Семья, Советник, Посланник и т.д.).
3.Финальная строка:
Введи текст (например, "По всем вопросам писать посланнику") и настрой его цвет и размер.
4.Генерация и копирование:
Нажми ✨ Сгенерировать код, проверь результат в блоке 👁️ Предпросмотр, нажми 📋 Копировать код и вставь его в описание альянса в игре.
📋 Пример готового кода
<size=55><b>◈ <color=#00aaff>Black</color> <color=#ff1900>PieCe</color> ◈</b></size>
<size=30><b>✼ <color=#ff1900>Семья</color>:</b><color=#ffffff> <b><i>✞</i></b></color></size>
<size=30><b>✼ <color=#ff1900>Советник</color>:</b><color=#ffffff> <b><i>текст</i></b></color></size>
<size=30><b>✼ <color=#ff1900>Военачальник</color>:</b><color=#ffffff> <b><i>текст</i></b></color></size>
<size=30><b>✼ <color=#ff1900>Посланник</color>:</b><color=#ffffff> <b><i>текст</i></b></color></size>
<size=30><b>✼ <color=#ff1900>Святой</color>:</b><color=#ffffff> <b><i>текст</i></b></color></size>
<size=30><b>✼ <color=#ff1900>Приём</color>:</b><color=#ffffff> <b><i>100кк</i></b></color></size>
<size=28><color=#aaaaaa><b>По всем вопросам писать посланнику.</b></color></size>
🤝 Поддержать проект
Если тебе нравится RoK Editor, ты можешь помочь его дальнейшему развитию:
💳 Перейти к донату через ЮMoney
📢 Рассказать друзьям — поделись ссылкой в соцсетях или в чате альянса.
💻 Помощь в разработке — предложи новую функцию или сообщи о баге.
💬 Обратная связь — напиши, что можно улучшить в интерфейсе.
📜 История версий (Changelog)
v2.1.0 (Сентябрь 2026)
✅ Исправлены пробелы после символов (защита от ошибок парсинга в RoK)
✅ Расширена база до 728 символов в 16 категориях
✅ Добавлены модальные окна (Возможности, О проекте, ВКонтакте, Обратная связь, Поддержать)
✅ Добавлено фоновое изображение в стиле RoK
✅ Упрощена и оптимизирована навигация
v2.0.0
✅ Разноцветное название по частям
✅ Панель символов с категориями
✅ Живой предпросмотр
v1.0.0
✅ Первый релиз
✅ Базовый редактор описаний
🐛 Сообщить о проблеме
Нашёл баг или есть идея для улучшения? Мы всегда на связи:
📧 Email: liluev83@vk.com
🇷🇺 ВКонтакте: vk.com/rok_editor
💻 GitHub Issues: github.com/nekoulik/rok-editor/issues
⚖️ Дисклеймер
⚠️ RoK Editor — это неофициальный фанатский инструмент, созданный для сообщества. Проект не связан с компанией Lilith Games. Все права на игру Rise of Kingdoms принадлежат её законным правообладателям.
📄 Лицензия
Проект распространяется под лицензией MIT. Свободно используй, изменяй и распространяй код.
👨💻 Автор
Сергей Лилуев (@nekoulik)
GitHub: github.com/nekoulik | VK: vk.com/rok_editor
⚔️ Создано с ❤️ для сообщества Rise of Kingdoms · 2026 ⚔️