Доработка WYSIWYG редактор HTML (управляемые формы) / ядро 8.3.3 и выше

27.10.15

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

+34 –
  • 2015-10-27_154219.jpg
Теперь редактор работает в веб-клиенте без использования модальности + легко можно встроить в свою форму

Файлы

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

Наименование Скачано Купить файл
Редактор HTML
.cf 65,33Kb ver:2.1
113 2 500 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

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

Оформить подписку и скачать решение со скидкой

Для одного из проектов понадобился редактор HTML, но заказчик хотел его вставить в 5 форм.

Варианты использовать кнопку "Редактировать" и стандартный 1С-ый "ФорматированныйДокумент" его не устраивали.

Нашел тут замечательный вариант //infostart.ru/public/75313/. Узнав, что он  используется в разработке //infostart.ru/public/252472/ скачал ее и решил вначале переделать его для быстрой вставки в любую форму.

Все получилось, но вылез нюанс, редактор не работал в веб-клиенте, и заказчик попросил доработать выбор цвета под его "хотелки".

В итоге получился немного доработанный редактор, который можно вставить в свою форму. Работает как под тонким, так и под веб-клиентом (единственное, не работает кнопка вставить из буфера в веб-клиенте, но заказчик принял в таком виде, сказав, что все равно пользуется ctrl+v, а дорабатывать было уже лень).

Порядок интеграции

1. Загрузить конфигурацию через объединение, выделить по подсистеме файла (подсистема "РедакторHTML")

2. Открыть форму "ФормаЭлемента" справочника справочника "ПримерПримененияРедактора"

3. Откройте форму, в которую нужно скопировать редактор

4. Скопируйте в свою форму реквизит ПолеHTMLДокумента

5. Скопируйте в свою форму элемент формы группу "ГруппаHTMLРедактор"

6. Определите, из конструктора формы, процедуры: ПриСозданииНаСервере, ПриОткрытии, ПередЗаписью. (если они не определены)

7. Если у вас новая форма, то просто скопируйте содержимое модуля формы,  если добавляете в уже существующую форму, копируем все кроме процедур ПриСозданииНаСервере,ПриОткрытии,ПередЗаписью, а в эти процедуры в начало модуля процедур копируем строки из соотвествующей процедуры

8. В процедуре "ПриОткрытии", заменяем значение переменной РеквизитОбъектаДляЗаписиHTML, на идентификатор реквизита объекта, где будет храниться HTML документ (тип строка)

9. Если нужно хранить текстовое представление, то в процедуре "ПередЗаписью" заменяем

//Объект.Наименование = Элементы.ПолеHTMLДокумента.Документ.body.innerText;

 на свой код

Вступайте в нашу телеграмм-группу Инфостарт

Редактор HTML

+34 –

См. также

Infostart Dashboard: Монитор показателей, виджеты и дашборды в 1С 8.3

Работа с интерфейсом Анализ учета Мониторинг 1С:Предприятие 8 1С 8.3 1C:Бухгалтерия 1С:Бухгалтерия 3.0 1С:Библиотека стандартных подсистем 1С:ERP Управление предприятием 2 1С:Управление холдингом 1С:Зарплата и Управление Персоналом 3.x 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Управление торговлей 11 Платные (руб)

Создайте свой функциональный интерфейс в любой конфигурации 1С с помощью расширения Infostart Dashboard. Настраивайте панели виджетов с метриками, индикаторами и показателями на начальном экране. Узнайте возможность внедрения подсистемы у себя в конфигурации с помощью бесплатной обработки "Анализ внедрения подсистемы 1С Infostart Dashboard"!

28800 руб.

27.03.2025    64061    37    29    

51
Дизайнер форм 1С

Разработка Инструментарий разработчика Работа с интерфейсом Адаптация типовых решений Нейросети 1C:Бухгалтерия 1C:ERP 1С:ЗУП 1С:КА 1С:УНФ 1С:УТ 1С:Розница 1С:ДО 1С:ERP Управление предприятием 2 Платные (руб)

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

36000 руб.

28.08.2025    4700    1    2    

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

Работа с интерфейсом Системный администратор Программист 1С:Предприятие 8 1C:Бухгалтерия Платные (руб)

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

6000 руб.

14.01.2016    58958    20    25    

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

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

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

5160 руб.

29.06.2020    23385    33    6    

52
Удобные фильтры: динамические кнопки-закладки для списков в 1С

Консолидация данных Работа с интерфейсом Программист Пользователь 1С:Предприятие 8 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 1C:ERP Узбекистан Беларусь Кыргызстан Россия Казахстан Платные (руб)

Знакомая ситуация? Пользователи, особенно менеджеры, уверены: отборов много не бывает. Идут пожелания добавить в форму списка еще один быстрый фильтр, еще два, еще пять... В итоге интерфейс превращается в нагромождение полей отбора, а потребность в «самом главном» отборе, который «вот прямо сейчас нужен», все равно не закрыта. Универсальное расширение, которое решает эту проблему элегантно и технологично. С его помощью в любую форму списка можно легко добавить панель настраиваемых кнопок-закладок, каждая из которых применяет сложный фильтр-запрос, а так же показывает актуальное количество элементов в реальном времени.

5988 руб.

17.10.2025    1265    1    0    

1
Дизайн Гайд для создания форм на 1С. Когда и как использовать различные элементы, примеры и антипримеры по использованию

Работа с интерфейсом Программист Стажер 1С:Предприятие 8 Бесплатно (free)

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

20.08.2024    45279    mrXoxot    44    

138
Прогресс-бар в поле динамического списка

Работа с интерфейсом Программист 1С:Предприятие 8 Бесплатно (free)

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

27.05.2024    25452    smielka    38    

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

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

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

3 стартмани

10.04.2023    16834    180    acces969    31    

132
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. baracuda 2 28.10.15 15:28 Сейчас в теме
зачет
+ – Ответить
2. ivanov660 4941 28.10.15 16:17 Сейчас в теме
Зачем изобретать свой велосипед, можно и нужно использовать готовые и предназначенные для этого решения, к примеру, использовать полноценные редакторы html на javascrip Визуальный html редактор на управляемых формах.
Думаю, что 1С не скоро (совсем не уверен) встроит полноценный hml редактор, будущее за сторонними компонентами, учитывая что впереди маячит работа на "Эклипс".
+ – Ответить
3. Shalnov 149 28.10.15 19:26 Сейчас в теме
(2) ivanov660, Показывал, заказчик отказался...
+ – Ответить
4. ivanov660 4941 28.10.15 20:44 Сейчас в теме
(3) чудной заказчик, т.к. на этих редакторах более половины интернета работает )))
+ – Ответить
8. recon 39 21.01.16 11:03 Сейчас в теме
(2) ivanov660, проблем с редактором на javascript несколько: во первых это место и трафик. Для того чтобы у пользователя запустился редактор я должен выкачать на клиента от 3х до 5ти мегабайт трафика. При медленном канале это серьезное замедление работы
Во вторых проблемы запуска скриптов. Во многих организациях запуск скриптов заблокирован, плюс часто пользователи работают на серверах где еще включен режим усиленной безопасности windows что приводит к ошибкам при запуске скриптов (ведь тонкий клиент работает через движок IE). Получается чтобы заставить такой редактор работать у пользователя также нужно сделать настройку браузера и системы
+ – Ответить
5. DrAku1a 1785 02.11.15 03:30 Сейчас в теме
А можно подробнее - чем не устроил "Форматированный документ"?
+ – Ответить
6. Shalnov 149 02.11.15 10:41 Сейчас в теме
(5) DrAku1a, Не поддерживает полноценно html. Попробуйте вставить через буфер обмена скопированную таблицу со странички в интернете или даже часть любой печатной формы 1с.
+ – Ответить
7. recon 39 20.01.16 20:26 Сейчас в теме
Добавлю от себя, глюки работы остались от старой версии. К примеру процедура ВыполнитьКомандуСписка() 

&НаКлиенте
Процедура ВыполнитьКомандуСписка(Элемент, ВыбранноеЗначение, СтандартнаяОбработка)
	
	Команда = Сред(Элемент.Имя, 8);
	Если Элементы.ПолеHTMLДокумента.Документ.queryCommandSupported(Команда) Тогда
		Список = Элемент.СписокВыбора;
		Элементы.ПолеHTMLДокумента.Документ.execCommand(Команда, Истина, ВыбранноеЗначение);
		ПоказатьРежимыКнопок();
	КонецЕсли;
	ЭтаФорма.ТекущийЭлемент = Элементы.ПолеHTMLДокумента;
	
КонецПроцедуры
Показать


Команда queryCommandSupported и execCommand применяется ко всему документу, в результате сделать изменение только куска выделенного текста нельзя.Это относится ко всем функциям форматирования в этом редакторе.

Как вариант, изменил ее у себя на проекте: 

&НаКлиенте
Процедура ВыполнитьКомандуСписка(Элемент, ВыбранноеЗначение, СтандартнаяОбработка)
	Если Элементы.ПолеHTMLДокумента.Документ = Неопределено Тогда
		Возврат;
	КонецЕсли;
	
	ТекВыделение = Элементы.ПолеHTMLДокумента.Документ.selection;
	Если ТекВыделение = Неопределено Тогда
		Возврат;
	Иначе
		УзелЭлемента = ТекВыделение.createRange();
	КонецЕсли;
	
	Команда = Сред(Элемент.Имя, 8);
	Если УзелЭлемента.queryCommandSupported(Команда) Тогда
		УзелЭлемента.execCommand(Команда, Истина, ВыбранноеЗначение);
		ПоказатьРежимыКнопок();
	КонецЕсли;
	ЭтаФорма.ТекущийЭлемент = Элементы.ПолеHTMLДокумента;
	ЭтаФорма.Модифицированность = ИСтина;
	
КонецПроцедуры
Показать


Но в результате этот код работает только в IE(ну и в тонком клиенте т.к. там урезанный IE7)
А в мозилле или хроме код выдает ошибку т.к. получение выделения там реализовано по другому, пока эту проблему не поборол. Методы которые предлагают разработчики мозиллы не работают т.к. 1С возвращает в Элементы.ПолеHTMLДокумента.Документ в этом случае непонятную хрень с типом "ВнешнийОбъект" и без описания методов и свойств

Может знаете как побороть эту проблему?
+ – Ответить
9. lastpioneer 245 08.10.18 16:48 Сейчас в теме
Подскажи, а как твой редактор работает с таблицами? Каким образом наполняется в них контент и есть ли управление шириной колонок?
Irwin; +1 – Ответить
10. Shalnov 149 09.10.18 08:17 Сейчас в теме
(9) Пока добавления таблиц нет.
+ – Ответить
11. 1Eset 3 07.07.20 19:18 Сейчас в теме
Чётко
+ – Ответить
Для отправки сообщения требуется регистрация/авторизация