На днях решил использовать любимый мой редактор whizzywig - как легкая и быстрая альтернатива имеющимся решениям, и его переносимость на разных версиях 1С.
Однако, оказалось на версии платформы 8.3.24 на работе оказался баг в базе, и редактор не смог запуститься в стандартном режиме (какого черта это случилось, я не знаю).
По итогу мной было принято решение о создание нового HTML редактора, который бы можно было использовать со сжатой командной панелью, возможностью работы с таблицами, в идеале еще навигационные ссылки, вставка мета тэгов ну и пр. JavascriptSimpleEditor являлся на момент начала разработки с сложной командной панелью (сейчас уже сделан компактный код).
По итогу переработки последнего и с учетом добавления полнофункциональных модулей, текущий редактор имеет следующие возможности:
Главное меню (Main)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
Attr |
attributes | Изменить/удалить текущие атрибуты для выделенного элемента |
SrcB |
body code | Редактирование HTML-кода внутри тега <body> |
Src |
HTML code | Редактирование полного HTML-кода документа |
ClnAtr |
Clean attributes and empty tags | Очистка атрибутов и удаление пустых тегов |
ClnOT |
Clean Office and empty tags | Удаление тегов MS Office и пустых тегов |
Cln |
Clean tags and attributes | Глубокая очистка: теги, атрибуты, офисный мусор |
EMT |
Edit Meta/Title | Настройка meta-тегов и заголовка страницы |
And |
Team undo | Командная отмена (отмена группы действий) |
Ard |
Team redo | Командный повтор (повтор группы действий) |
undo |
undo | Отмена последнего действия |
redo |
redo | Повтор отменённого действия |
Форматирование текста (Text)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
selectAll |
Select page | Выделить всё содержимое |
justifyLeft |
Left | Выравнивание по левому краю |
justifyRight |
Right | Выравнивание по правому краю |
justifyCenter |
Center | Выравнивание по центру |
justifyFull |
justify | Выравнивание по ширине |
Outdent |
Outdent | Уменьшить отступ |
Indent |
Indent | Увеличить отступ |
removeformat |
Clear element | Очистить форматирование элемента |
delete |
Remove selection | Удалить выделенное |
unlink |
Remove link | Удалить гиперссылку |
Цвета (Color) - выбор из палитры 216 безопасных цветов
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
foreColor |
Text color | Цвет текста |
hiliteColor / backcolor |
Bgcolor text | Цвет фона текста |
bgcolor |
Bgcolor page | Цвет фона всей страницы |
Размер и гарнитура шрифта
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
fontSize |
Font Size: | Размер шрифта (1-7) |
fontName |
Fonts: | Гарнитура шрифта (Arial, Times, Courier, Webdings, Monospace и др.) |
Структурные блоки (Block)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
formatBlock |
Block | Выбор структурного блока: h1-h6, address, pre, div |
Специальные теги (Other tags)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
blockquote |
blockquote | Цитата |
samp |
samp | Пример вывода |
code |
code | Программный код |
legend |
legend | Заголовок поля |
del |
Tag del (other strike] | Перечёркнутый (удалённый) текст |
SMALL |
Tag small (small charaster | Мелкий текст |
superscript |
Tag sup (super script) | Надстрочный индекс |
subscript |
Tag sub (small script) | Подстрочный индекс |
iHR |
Horizontal Rul | Горизонтальная линия (hr) |
insertParagraph |
Enter key | Вставка абзаца (p) |
listing |
Tag listing | Листинг (моноширинный текст) |
xmp |
Tag xmp | Пример кода |
plaintext |
plaintext (break html) | Простой текст (отключает парсинг HTML) |
center |
center (centering] | Центрирование |
marquee |
marquee string | Бегущая строка |
Списки (Lists)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
insertOrderedList |
Order List | Нумерованный список |
insertUnorderedList |
Un order List | Маркированный список |
Aln |
Line + | Добавить элемент списка |
Dln |
Line - | Удалить элемент списка |
lIn |
+ Indent | Увеличить отступ (создать вложенный список) |
lOt |
- Indent | Уменьшить отступ (поднять на уровень выше) |
lstUL |
Set Marker | Сменить на маркированный список |
lstOL |
Set Number | Сменить на нумерованный список |
lsD |
Marker disc | Маркер: чёрный круг (disc) |
lsC |
Marker circle | Маркер: белый круг (circle) |
lsS |
Marker square | Маркер: квадрат (square) |
lsD |
Number 1 | Нумерация: 1, 2, 3 |
lsA |
Number A | Нумерация: A, B, C |
lsa |
Number a | Нумерация: a, b, c |
lsI |
Number I | Нумерация: I, II, III |
lsi |
Number i | Нумерация: i, ii, iii |
Символы (Symbols)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
Symbol |
Symbol | Типографские символы |
Punct |
Punct | Знаки пунктуации |
Math |
Math | Математические символы |
Strelok |
Strelok | Стрелки |
Якоря (Anchor)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
h1anch - h6anch |
Anchor H1 - Anchor H6 | Создание якоря для заголовков h1-h6 |
fganch |
Anchor Figure | Якорь для изображения |
tbanch |
Anchor Table | Якорь для таблицы |
eqanch |
Anchor Equation | Якорь для формулы |
isanch |
Anchor Source | Якорь для листинга/исходного кода |
bkanch |
Anchor Bookmark | Произвольный якорь-закладка |
lsanch |
Anchor listing | Якорь для листинга |
Ссылки на якоря (Reference)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
h1anchref - h6anchref |
->Anchor H1 - ->Anchor H6 | Ссылка на существующий якорь заголовка |
fganchref |
->Anchor Figure | Ссылка на якорь изображения |
tbanchref |
->Anchor Table | Ссылка на якорь таблицы |
eqanchref |
->Anchor Equation | Ссылка на якорь формулы |
isanchref |
->Anchor Source | Ссылка на якорь листинга |
bkanchref |
->Anchor Bookmark | Ссылка на произвольную закладку |
lsanchref |
->Anchor listing | Ссылка на якорь листинга |
Таблицы (Table edit)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
tBRw |
+Row (up) | Добавить строку выше текущей |
tARw |
+Row (down) | Добавить строку ниже текущей |
tDRw |
-Row | Удалить текущую строку (с проверкой целостности) |
tBCl |
+Col<- | Добавить столбец слева |
tACl |
+Col-> | Добавить столбец справа |
tDCl |
-Col | Удалить текущий столбец (с проверкой целостности) |
tblM |
Merge-> | Объединить с ячейкой справа |
tblS |
Split-> | Разделить ячейку горизонтально |
tblVM |
Merge (down) | Объединить с ячейкой снизу |
tblVS |
Split (down) | Разделить ячейку вертикально |
tblAtr |
attributes | Редактор атрибутов таблицы |
Вставка объектов (Paste)
| Команда (в коде) | Заголовок в меню | Описание |
|---|---|---|
Image |
Image | Вставка изображения с настройкой атрибутов |
Link |
Link | Вставка гиперссылки |
I_f |
Frame (iframe/ilayer) | Вставка фрейма |
table |
table | Вставка таблицы с настройкой параметров |
Технические особенности редактора
Маркерная система вставки тэгов - всегда видно, куда ставить курсор после положения тэга. Обходит ошибку сломанного HTML при редактировании контента, а также сохранение аутентичности тэгов listing и xmp при помощи css - единообразие на новых и старых браузеров!!!
Защита таблиц:
-
Автоматическая проверка объединенных ячеек
-
Предотвращение удаления строк/столбцов с rowSpan/colSpan > 1
-
Интеллектуальное восстановление структуры
Расширенная работа со списками:
-
Стандартное создание списков
-
Выбор маркера/нумератора для списка
-
Базовое создание многоуровневых списков и управление иерархией
Очистка HTML (3 уровня):
-
Атрибуты - классы, стили, языковые теги
-
Office-теги - теги MS Word/Outlook, VML-графика
-
Глубокая - пустые теги, офисные комментарии
Undo/Redo система:
-
История на 20 шагов
-
Командная отмена/повтор
-
Автосохранение при изменении
Редактирование/удаление атрибутов:
-
Для IE старых, где не было коллекции атрибутов доступен 13 ключевых атрибутов на изменение.
-
Для всех браузеров эпохи DOM1 и новее - полный список из коллекции атрибутов
-
Возможно удаление/изменение значения.
Системные требования к движкам браузеров (подойдет любой браузер, который будет иметь в наличии эти движки):
- Opera presto 9.0 -12.18. Версия до перехода на Webkit.
- Gecko с поддержкой design mode/contenteditable. Например, Netscape 7.1 (Mozilla 0.8) и новее.
- KHTML с версии 4.1 и новее - Konqueror 4.1 на движке khtml.
- Webkit/Blink - Safari 1.3 и новее, для Chrome все версии. Edge - все версии без исключения.
- Internet Explorer 4.0 16 bit и до версии 11 включительно.
- Поле HTML документа 1С 8.0-8.5 на компьютерных платформах. Под мобильными приложениями есть ограничения ограничения с доступом к содержимому документа HTML, тем не менее на относительно новых версиях использовать возможно.
- WebView2 и .NET/CLR embedded browsers - полный функционал команд (с 09.02.2026).
Особенности и отличия от аналогов: на каждом движке поддерживается 99% совместимость команд за счет обработки кодом для старых браузеров, поэтому часть функционала работает хоть и приближено к документации, но не совсем.
Редактор работает в WINDOWS 3.1 8 МБ ПАМЯТИ:
Редактор работает в Opera Presto 9:
Редактор работает в древнем WebKit (safari 1.3):
Работа на Konqueror 4.1 (KDE):
Древние Gecko - Netscape 7.1:
НУ И КУДА ЖЕ МНЕ БЕЗ СОВРЕМЕННОГО CHROME 2026:
Также редактор поддерживает поля HTML документа:
1с 8.2.9:
1С 8.0:
1С 8.5 интерфейс:
Проверено на следующих конфигурациях и релизах:
- Управление торговлей, редакция 10.3, релизы 10.3.86.2
- 1С:Библиотека стандартных подсистем, редакция 3.1, релизы 3.1.11.378, 3.1.1.91
- Управление нашей фирмой, редакция 1.6, релизы 1.6.27.232
Вступайте в нашу телеграмм-группу Инфостарт
