Полный обзор K-Editor
Все функции редактора: от базового форматирования до виджетов
📝 Текстовое форматирование
Жирный текст, курсив, подчёркнутый, зачёркнутый — выделение через панель инструментов или горячие клавиши Ctrl+B, Ctrl+I, Ctrl+U.
📑 Заголовки
Шесть уровней заголовков от H1 до H4, а также форматы «Цитата» и «Код» через выпадающий список «Формат».
🔤 Размеры шрифтов
Четыре размера: Маленький, Нормальный, Большой, Огромный.
🎨 Цвета
Зелёный текст, золотой текст, красный текст. Подсветка фона жёлтым, подсветка зелёным.
📐 Выравнивание
← Текст по левому краю
Текст по центру
Текст по правому краю →
Текст по ширине. K-Editor поддерживает все четыре варианта выравнивания: по левому краю, по центру, по правому краю и по ширине. Это позволяет создавать аккуратные и профессионально выглядящие документы.
📋 Списки
Маркированный список
- Первый пункт
- Второй пункт
- Третий пункт с вложенным списком:
- Подпункт А
- Подпункт Б
Нумерованный список
- Шаг первый
- Шаг второй
- Шаг третий
🔗 Ссылки
Ссылки вставляются через кнопку 🔗 или Ctrl+K. Пример: Koshey-Developer — открывается в новой вкладке.
🖼️ Изображения
Картинки можно вставить по URL с выбором выравнивания:
▶️ Видео (YouTube / Vimeo)
📊 Таблицы
| Функция | Горячая клавиша | Статус |
|---|---|---|
| Сохранить | Ctrl+S | ✅ Работает |
| Жирный | Ctrl+B | ✅ Работает |
| Ссылка | Ctrl+K | ✅ Работает |
| Полный экран | F11 | ✅ Работает |
💬 Цитаты
«K-Editor — это простой и мощный WYSIWYG редактор для создания HTML-контента»
— Koshey-Developer
💻 Блоки кода
class KEditor {
constructor() {
this.editor = document.getElementById('editor');
this.widgetRegistry = {};
}
}📎 Загрузка файлов
Поддерживается drag & drop файлов до 5MB: JPG, PNG, GIF, PDF, DOC, TXT. Изображения вставляются как base64, документы — как ссылки на скачивание.
😊 Смайлики
64 смайлика в панели: 😀 😃 🤣 😍 🥰 😎 🤩 👍 ❤️ 💚 ⭐ 🎉
🖥️ Полный экран
Нажмите F11 или кнопку ⛶ для полноэкранного режима. Скрывает баннер и футер, редактор занимает весь экран.
📊 Статистика
В нижней панели отображается количество слов и символов в реальном времени.
💾 Сохранение
Двойное сохранение: в localStorage (мгновенное, при каждом вводе) и на сервер через REST API (Ctrl+S). Три вкладки: Редактор, Предпросмотр, HTML.
⚙️ Система виджетов
13 виджетов для вставки интерактивных блоков