HTML редактор для 1С (1С HTML IDE)

13.04.15

Разработка - Работа с интерфейсом

Стандартный для 1с интерфейс не всегда может удовлетворить заказчика. В этом случае возникает необходимость реализовывать некоторые формы с использованием HTML.
Как известно, встроенный в 1с объект "поле табличного документа" работает с использованием старых технологий. В результате, страничка, написанная в сторонней IDE в 1с может отображаться как угодно, но только не так как требуется.
Когда у меня появилась задача сделать рабочий стол на HTML я сразу понял, что писать веб-код необходимо сразу на платформе 1с, что бы  видеть результат Online и корректировать его.
Для меня веб-программирование заканчивается знанием тега <a>. Разнообразные глюки и особенности веб-среды мне просто неизвестны, поэтому сразу видеть что получается - самое то.

Представляю один из результатов моей работы - IDE на управляемых формах, задача которой - генерация HTML документа, который будет правильно отображаться в 1с.

Скачать файлы

Наименование Файл Версия Размер
1с_HTML_IDE релиз 0.6
.rar 15,69Kb
64
.rar 0.6 15,69Kb 64 Скачать
1с_HTML_IDE релиз 0.7
.rar 14,77Kb
116
.rar 0.7 14,77Kb 116 Скачать

ВНИАМНИЕ! не нашел необходимого пункта в характеристиках публикации.

Для работы необходима любая конфигурация, базирующаяся на БСП, в противном случае, обработка будет выдавать ошибку.


История версий

0.2

-- первая опубликованная

0.3

-- Добавлено подсвечивание (выделение рамкой) блоков разметки, которые в данный момент редактируются. Опция полезна, если на экрана есть блоки разметки без границ. Понять как на самом деле они расположены бывает трудно, а менять стили - лень :)

0.4 

-- Исправлены ошибки.
-- Поле результата обновляется при изменении в любом из полей настроек.
-- Добавлено копирование строк в дереве блоков.

0.5

-- Исправлены ошибки распознавания файлов.
-- Неиспользуемые стили сохраняются закомментированными.

 

0.6

-- Скорректированы обработчики обновления результата. Срабатывало не всегда. 

-- Наведен порядок в функциях.

-- Добавлено копирование классов с сохранением настроек стиля применительно к новому классу.
-- Добавлены обработчики событий onCick.
-- Закомментированные стили теперь загружаются.

0.7

-- Исправлены выявленные ошибки

-- Релиз адаптирован для работы в немодальном режиме

-- Тестировалось только на платформе 8.3.5

 

Ждите релиз 0.8:

-- работа с даными 1с без динамического формирования кода HTML

-- отображение картинок без сохранения картинки в файл

-- сохранение и восстановление обработчиков нажатия кнопок и гиперссылок на языке 1с.


Естественно, разработанный интерфейс необходимо наполнить списками с даными, а для кнопок добавить обработчики событий, поэтому просто HTML-редактор не даст конечного результата. Однако его использование позволит значительно сократить трудозатраты.


Разработка рассчитана на div-верстку и использование таблиц стилей.

Основной объект - это дерево блоков div, где корневым элементом выступает body (хоть это и не div, но хранится все в одном дереве).

В этом же дереве описываются блоки обычного текста.

 

Каждый блок может представлять из себя тег div или просто текст, это регулируется соотв. галочкой.

Для каждого блока можно описать набор классов, которые в свою очередь ссылаются на таблицу стилей.

 

Особенность первого релиза - регистрозависимость. Что бы добавить описание ранее созданного класса к новому div пишите имя класса в том же регистре, что и ранее.

Можно описать стили для стандартных элементов, это выполяется в режиме "Показать все стили". Кнопка расположена над таблицей стилей. В этом случае, в колонке "имя" указывайте имя тега, которому будет назначен стиль и отмечайте галку в последней колонке.

Со стилями можно "играть". Снимайте галку в первой колонке таблицы стилей, что бы увидеть какое влияние слиль оказывает на результирующий документ.


Любой произвольный код можно написать в на закладке текст блока. В этом случает в дереве блоков достаточно снять галку в первой колонке.

Инструмент сохраняет результат в файл и в хранилище настроек. В решении есть механизмы для распознавания сохраненных ранее страничек.

Поддерживаются скрипты - обратите внимание на соотв. закладку.

ВНИМАНИЕ! Гарантировать, что можно распознать любую веб-страничку я не буду Cool.

Планы по развитию инструмента:

Копирование и перенос строк дерева
Выгружать свойства закомментированными, если снята галка в стилях
Добавить отключаемые классы
Добавить отключаемые ветки дерева
Контроль уникальности id

Добавить таблицу цветов

Подмена путей к картинкам
Копировать наборы стилей в новый класс
Упрощение подбора свойств

Автоматическое обновление результирующей странички при любых изменениях настроек

Выделение текущего блока на результирующей страничке с целью оценить его положение (если границ не видно - полезная опция).

Выбор цвета из таблиц веб-цветов.

Хочу сделать встроенный набор элементов управления в стиле 1с: кнопки, закладки и проч...

В архив выложил демо-пример странички, которую можно загрузить себе. Это форма напоминаний о задачах.

 

См. также

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    61793    43    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    54401    16    21    

42

Управление дашбордами

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    16695    21    4    

35

Новогоднее оформление для 1С

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    10735    750    elcoan    45    

106

Конструктор HTML, CSS и javascript

Инструментарий разработчика Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Подходит для создания web-страниц для замены управляемых форм 1С, красивых отчетов, интерфейса мобильного приложения на платформе 1С и для простых страниц веб-сайтов.

2 стартмани

10.04.2023    9610    151    acces969    31    

118

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3665    kalyaka    2    

27

Табло очереди заказов на экран телевизора

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 1С:Розница 2 Платные (руб)

Связка из веб-приложения и расширения для 1С: Розница 2.3.

3600 руб.

29.04.2022    12079    1    5    

10
Вознаграждение за ответ
Показать полностью
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Yashazz 4709 20.02.14 18:28 Сейчас в теме
А конечная визуализация какими средствами делается-то? Вызовом браузера, какой попадётся на компе, или встроенным коцанным IE7 платформы?
3. Nikola23 696 20.02.14 21:01 Сейчас в теме
(1) визуализация осуществляется средствами 1с, на это и рассчитана разработка. Делать при ее помощи сайты - не самое верное применение. Создавать альтернативу интерфейсным элементам 1с - то, ради чего создавалась обработка. В том-то и дело, что 1с-ный браузер сильно обрезан, и угадать, как отобразится HTML , если писать код в блокноnе или нормальyой IDE - довольно трудно. Я намучался.
2. bayce 45 20.02.14 20:58 Сейчас в теме
Не совсем понятно , как этим пользоваться?
rrustam11983; Evil Beaver; +2 Ответить
4. Nikola23 696 20.02.14 21:06 Сейчас в теме
(2) Пользоваться - скачайте и попробуйте. Или дайте адрес, если нет смартмани. Для Вас пришлю пробную версию. Побалуетесь с галками - поймете.
В перспективе - я добавлю кнопки для ускорения создания HTML кода, при помощи "быстрых действий". Любой новичок сможет освоить HTML верстку, абсолютно не вникая в детали...

Это амбициозный план. Реализую, если возникнет потребность в решении хотя бы в том виде как есть.
5. nilabs 8 26.02.14 09:44 Сейчас в теме

Платформа: 1C: Предприятие 8.2
Конфигурация: Не имеет значения

Вот это что такое?

JQ = ПолучитьОбщийМакет("БИТ_CRM_jQuery").ПолучитьТекст();



Классы = СтроковыеФункцииКлиентСервер.РазложитьСтрокуВМассивПодстрок(ДанныеСвойства, " ");

а у меня нет такого модуля


6. Nikola23 696 26.02.14 12:46 Сейчас в теме
(5) Спасибо за замечание.
Я забыл стереть кусок кода, который есть только у меня в конфе. Я перевыложу релиз с исправлением ошибки.
Закомментируйте эту строку, если нет желания скачивать обработку повторно.

Второе замечание - это упоминается стандартная функция БСП, жаль, что у Вас ее нет. Вы на какой конфигурации работаете?
7. John_d 5277 26.02.14 18:25 Сейчас в теме
Вопрос не по обработке.
Когда у меня появилась задача сделать рабочий стол на HTML

а как вы HTML-кнопки привязали с кодом 1с? или вы не привязывали?
8. Nikola23 696 26.02.14 19:19 Сейчас в теме
(7) В релизе 0.6, который пока еще не опубликован, есть возможность назначать обработчики на кнопки).
Если есть желание получить сырую версию этого релиза, напишите почту или подождите пару дней - я выложу на этот сайт. В этом релизе Вы сможете посмотреть, как обрабатываются события.
9. Evil Beaver 8107 02.03.14 00:55 Сейчас в теме
Не понял, что именно она делает... Что первичные входные данные для нее? ДеревоЗначений с фрагментами HTML?
В чем преимущество перед набиванием HTML в текстовый документ?
10. Nikola23 696 03.03.14 08:09 Сейчас в теме
(9) Evil Beaver, абсолютно верно. Дерево значений, с фрагментами.
В чем преимущество любой IDE над блокнотом? Если Вы ответите на этот вопрос, то сможете понять, зачем создана эта обработка. Лично для меня главное преимущество в том, что я вижу результат "набивания" кода практически он-лайн, что сильно экономит мое время.
11. yngwie_83 04.03.14 12:20 Сейчас в теме
Привет. Если есть желание получить сырую версию релиза 0.6.
Вот почта yngwie_83@mail.ru.
Прикрепленные файлы:
12. ikekoval 119 04.03.14 15:07 Сейчас в теме
Этим комментом я подпишусь и буду ждать релиза 0.6
Эта идея может нести в себе красивый потенциал, а пользователи любят интерфейсы =)
Nikola23; +1 Ответить
13. iov 406 11.03.14 04:13 Сейчас в теме
любопытная идея... надо будет приспособить
14. KonstB 180 22.04.14 22:35 Сейчас в теме
Скачал оба файла, но везде версия 0.5 - это так задумано?
15. Nikola23 696 23.04.14 07:20 Сейчас в теме
(14) KonstB, безобразие. И все молчат... Файл обновил.
Дайте Ваш адрес почты, я скину 6й релиз.
16. KonstB 180 23.04.14 10:40 Сейчас в теме
17. xFoG 23.04.15 11:55 Сейчас в теме
Хорошая идея, автору молодец. Рекомендую посмотреть конфигурацию БИТ.УМЦ, в частности справочник шаблонов осмотра. Делал его года два назад, может какие-то идеи по непосредственному применению пригодятся =)
18. Nikola23 696 23.04.15 14:02 Сейчас в теме
(17) xFoG, Посмотрим, спасибо!
19. vampiroid 03.06.15 14:00 Сейчас в теме
здравствуйте! можно будет использовать это для создания альтернативной формы выбора (в html) для спр. номенклатуры, например?
20. Nikola23 696 03.06.15 14:08 Сейчас в теме
(19) vampiroid, Можно. Но в случае с подбором (это сложная форма на мой взгляд), использовать инструмент можно только в части быстрого программирования элементов интерфейса.
Комбинировать из элементов конечное решение, наполнять данными необходимо уже на языке 1с.
Т.е. этой обработкой мы получаем только макет конечной страницы.
21. sorb 22.11.15 11:16 Сейчас в теме
(20) Nikola23, тема не заброшена? Планируются ли новые версии обработки в этом году?
22. Nikola23 696 22.11.15 15:34 Сейчас в теме
(21) sorb, Пока непонятно, что добавлять в функционал. Мои задачи обработка решила, критичесских косяков - не найдено. До идеала доводить ради самого процесса - не выгодно.
Есть конкретное что-то чего не хватает?
23. dim479 26.05.16 23:13 Сейчас в теме
Добрый день! Требуется разместить во встроенном HTML 1С поле выбора с данными из справочника, а также радиокнопки с данными перечисления с возможностью возврата результата выбора; с помощью данной обработки это возможно?
24. Nikola23 696 27.05.16 04:46 Сейчас в теме
25. dim479 27.05.16 08:03 Сейчас в теме
т.е. разместить поле выбора отображающее данные из 1С нельзя?
26. Nikola23 696 27.05.16 10:01 Сейчас в теме
(25) dim479, разместить поле - можно, но все это вручную. Я сам - не пробовал.
27. pvlunegov 157 20.03.18 09:30 Сейчас в теме
Большое спасибо за обработку. Все работает отлично.
Как раз понадобилась нечто подобное, начал писать самостоятельно, но понял что объем работ слишком большой.

Попробую доработать вашу обработку своими идеями.
Идея отличная, нужно развивать.
28. hdman 06.08.19 12:52 Сейчас в теме
У платформы есть возможность редактирования HTML документа
https://v8.1c.ru/overview/Term_000000619.htm
Прикрепленные файлы:
Оставьте свое сообщение