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

13.04.15

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

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

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

Скачать файл

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование По подписке [?] Купить один файл
1с_HTML_IDE релиз 0.6
.rar 15,69Kb ver:0.6
64
64 Скачать (1 SM) Купить за 1 850 руб.
1с_HTML_IDE релиз 0.7
.rar 14,77Kb ver:0.7
117
117 Скачать (1 SM) Купить за 1 850 руб.

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

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


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

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 Управляемые формы 1C:Бухгалтерия Платные (руб)

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

5000 руб.

14.01.2016    55630    17    23    

43

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

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

6000 руб.

16.01.2015    63945    45    60    

83

Работа с интерфейсом Программист Платформа 1С v8.3 1C:Бухгалтерия 1С:ERP Управление предприятием 2 Платные (руб)

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

2400 руб.

29.06.2020    19937    28    6    

44

Работа с интерфейсом Программист Стажер Платформа 1С v8.3 Бесплатно (free)

Это инструкция по дизайну форм в среде 1С. Гайд охватывает рекомендации и стандарты для оптимизации пользовательского интерфейса. В гайде содержатся указания по использованию элементов интерфейса, включая как основные, так и продвинутые аспекты. Предоставляются также примеры и антипримеры для наглядного понимания принципов дизайна

20.08.2024    23480    mrXoxot    44    

130

Работа с интерфейсом Программист Платформа 1С v8.3 Бесплатно (free)

Пример простого и симпатичного прогресс-бара в динамическом списке, без картинок, используя редактирование запроса.

27.05.2024    12028    smielka    37    

105

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

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

27.12.2023    18359    1228    elcoan    53    

125

Инструментарий разработчика Работа с интерфейсом Программист Платформа 1С v8.3 1C:Бухгалтерия Абонемент ($m)

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

3 стартмани

10.04.2023    12890    167    acces969    31    

126

Работа с интерфейсом Программист Платформа 1С v8.3 1C:Бухгалтерия Абонемент ($m)

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

1 стартмани

05.07.2022    7990    kalyaka    6    

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

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

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

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

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



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

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


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

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

а как вы HTML-кнопки привязали с кодом 1с? или вы не привязывали?
8. Nikola23 707 26.02.14 19:19 Сейчас в теме
(7) В релизе 0.6, который пока еще не опубликован, есть возможность назначать обработчики на кнопки).
Если есть желание получить сырую версию этого релиза, напишите почту или подождите пару дней - я выложу на этот сайт. В этом релизе Вы сможете посмотреть, как обрабатываются события.
9. Evil Beaver 8266 02.03.14 00:55 Сейчас в теме
Не понял, что именно она делает... Что первичные входные данные для нее? ДеревоЗначений с фрагментами HTML?
В чем преимущество перед набиванием HTML в текстовый документ?
10. Nikola23 707 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 123 04.03.14 15:07 Сейчас в теме
Этим комментом я подпишусь и буду ждать релиза 0.6
Эта идея может нести в себе красивый потенциал, а пользователи любят интерфейсы =)
Nikola23; +1 Ответить
13. iov 407 11.03.14 04:13 Сейчас в теме
любопытная идея... надо будет приспособить
14. KonstB 180 22.04.14 22:35 Сейчас в теме
Скачал оба файла, но везде версия 0.5 - это так задумано?
15. Nikola23 707 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 707 23.04.15 14:02 Сейчас в теме
(17) xFoG, Посмотрим, спасибо!
19. vampiroid 03.06.15 14:00 Сейчас в теме
здравствуйте! можно будет использовать это для создания альтернативной формы выбора (в html) для спр. номенклатуры, например?
20. Nikola23 707 03.06.15 14:08 Сейчас в теме
(19) vampiroid, Можно. Но в случае с подбором (это сложная форма на мой взгляд), использовать инструмент можно только в части быстрого программирования элементов интерфейса.
Комбинировать из элементов конечное решение, наполнять данными необходимо уже на языке 1с.
Т.е. этой обработкой мы получаем только макет конечной страницы.
21. sorb 22.11.15 11:16 Сейчас в теме
(20) Nikola23, тема не заброшена? Планируются ли новые версии обработки в этом году?
22. Nikola23 707 22.11.15 15:34 Сейчас в теме
(21) sorb, Пока непонятно, что добавлять в функционал. Мои задачи обработка решила, критичесских косяков - не найдено. До идеала доводить ради самого процесса - не выгодно.
Есть конкретное что-то чего не хватает?
23. dim479 26.05.16 23:13 Сейчас в теме
Добрый день! Требуется разместить во встроенном HTML 1С поле выбора с данными из справочника, а также радиокнопки с данными перечисления с возможностью возврата результата выбора; с помощью данной обработки это возможно?
24. Nikola23 707 27.05.16 04:46 Сейчас в теме
25. dim479 27.05.16 08:03 Сейчас в теме
т.е. разместить поле выбора отображающее данные из 1С нельзя?
26. Nikola23 707 27.05.16 10:01 Сейчас в теме
(25) dim479, разместить поле - можно, но все это вручную. Я сам - не пробовал.
27. pvlunegov 159 20.03.18 09:30 Сейчас в теме
Большое спасибо за обработку. Все работает отлично.
Как раз понадобилась нечто подобное, начал писать самостоятельно, но понял что объем работ слишком большой.

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