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

27.10.15

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

Теперь редактор работает в веб-клиенте без использования модальности + легко можно встроить в свою форму

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

Наименование Файл Версия Размер
Редактор HTML
.cf 65,33Kb
107
.cf 2.1 65,33Kb 107 Скачать

Для одного из проектов понадобился редактор 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

См. также

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

Работа с интерфейсом Рабочее место Платформа 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    54397    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    10732    750    elcoan    45    

106

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

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

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

2 стартмани

10.04.2023    9607    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    12077    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. baracuda 2 28.10.15 15:28 Сейчас в теме
2. ivanov660 4330 28.10.15 16:17 Сейчас в теме
Зачем изобретать свой велосипед, можно и нужно использовать готовые и предназначенные для этого решения, к примеру, использовать полноценные редакторы html на javascrip Визуальный html редактор на управляемых формах.
Думаю, что 1С не скоро (совсем не уверен) встроит полноценный hml редактор, будущее за сторонними компонентами, учитывая что впереди маячит работа на "Эклипс".
3. Shalnov 145 28.10.15 19:26 Сейчас в теме
(2) ivanov660, Показывал, заказчик отказался...
4. ivanov660 4330 28.10.15 20:44 Сейчас в теме
(3) чудной заказчик, т.к. на этих редакторах более половины интернета работает )))
8. recon 38 21.01.16 11:03 Сейчас в теме
(2) ivanov660, проблем с редактором на javascript несколько: во первых это место и трафик. Для того чтобы у пользователя запустился редактор я должен выкачать на клиента от 3х до 5ти мегабайт трафика. При медленном канале это серьезное замедление работы
Во вторых проблемы запуска скриптов. Во многих организациях запуск скриптов заблокирован, плюс часто пользователи работают на серверах где еще включен режим усиленной безопасности windows что приводит к ошибкам при запуске скриптов (ведь тонкий клиент работает через движок IE). Получается чтобы заставить такой редактор работать у пользователя также нужно сделать настройку браузера и системы
5. DrAku1a 1679 02.11.15 03:30 Сейчас в теме
А можно подробнее - чем не устроил "Форматированный документ"?
6. Shalnov 145 02.11.15 10:41 Сейчас в теме
(5) DrAku1a, Не поддерживает полноценно html. Попробуйте вставить через буфер обмена скопированную таблицу со странички в интернете или даже часть любой печатной формы 1с.
7. recon 38 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 231 08.10.18 16:48 Сейчас в теме
Подскажи, а как твой редактор работает с таблицами? Каким образом наполняется в них контент и есть ли управление шириной колонок?
10. Shalnov 145 09.10.18 08:17 Сейчас в теме
(9) Пока добавления таблиц нет.
11. 1Eset 3 07.07.20 19:18 Сейчас в теме
Оставьте свое сообщение