1с редактировать html документ отображаемый

1С html. Cоздание поля html документа

В статье на примере будут описаны все этапы создания поля html документа. В 1с html поле позволяет представить данные, которые не требуется редактировать, в более эстетичном виде. Разработчик может применить возможности html для создания и настройки формы справочника или бизнес-процесса (как делается в конфигурации Документооборот).

Рассмотрим пример. Разработаем обработку, которая будет представлять элемент справочника Пользователи в виде поля html документа. Для разработки примера я использовал демо БСП 3.1 (управляемое приложение).

Выведем в документ следующие поля справочника:

• Наименование и Комментарий в виде текста;
• ФизическоеЛицо и Подразделение в виде ссылок;
• Фотографию пользователя;
• Контактную информацию в виде таблицы.

Размещение реквизитов на форме

Для начала создадим внешнюю обработку и добавим форму. На форме создадим два реквизита Пользователь (тип СправочникСсылка.Пользователи) и ПредставлениеHTML (тип Строка неограниченной длины). Перетащим реквизиты в дерево элементов. Для элемента ПредставлениеHTML выберем вид Поле HTML документа и отключим отображение заголовка. Должно получится так:

Теперь поработаем над программной частью формы:

• Заполнять html поле данными будем при изменении пользователя. Поэтому создадим для него обработчик события ПриИзменении;
• Работа же с самим полем потребует перехода на сервер, так как нам необходимо выполнять запрос и получать данные из хранилища значений. Поэтому для заполнения данных html создадим функцию ЗаполнитьHTMLПредставление с директивой НаСервереБезКонтекста. В качестве параметра передадим в нее ссылку на пользователя;

В итоге должно получиться следующее:

&НаКлиенте Процедура ПользовательПриИзменении(Элемент) ПредставлениеHTML = ЗаполнитьHTMLПредставление(Пользователь); КонецПроцедуры &НаСервереБезКонтекста Функция ЗаполнитьHTMLПредставление(Пользователь) КонецФункции

Получение данных

Во входные параметры функции ЗаполнитьHTMLПредставление мы передаем только ссылку на пользователя, поэтому для начала надо собрать все данные, необходимые для вывода в html документ. Для этого воспользуемся запросом, который вынесем в отдельную процедуру. Приводить текст процедуры здесь я не буду, чтобы не занимать много места. Ознакомиться с ним можно во внешней обработке, ссылка на которую находится внизу статьи.

Функция возвращает структуру, в которой содержится две выборки. Первая, ВыборкаДанных — содержит одну строку с основными данными пользователя. Вторая, ВыборкаКонтактов — содержит контактную информацию пользователя, в разрезе двух полей: Вид и Представление. Вызов функции получения данных выглядит так:

&НаСервереБезКонтекста Функция ЗаполнитьHTMLПредставление(Пользователь) ДанныеПользователя = ПолучитьДанныеПользователя(Пользователь); Данные = ДанныеПользователя.ВыборкаДанных; Контакты = ДанныеПользователя.ВыборкаКонтактов; Если Не Данные.Следующий() Тогда Возврат ""; КонецЕсли; . 

Заполнение стилей 1с html поля

Теперь в функции ЗаполнитьHTMLПредставление будем описывать html документ. Начнем с обязательных тегов и . После чего перейдем к заполнению стилей (тег ), которые будут применяться во всем документе, а также в отдельных его блоках.

HTMLТекст = " | | |  |";

Рассмотрим заполнение стилей более подробно:

Создание тела html документа в 1с 8

После описания стилей займемся формированием тела документа. Для этого используем тег .

Вывод изображения в html

Начнем с вывода фотографии пользователя. В элементе справочника она хранится в реквизите Фотография, в виде хранилища значения. Его мы получили вместе с остальными данными пользователя, при помощи запроса.

ДвоичныеДанныеФотографии = Данные.Фотография.Получить(); Base64ДанныеФотографии = Base64Строка(ДвоичныеДанныеФотографии); HTMLТекст = HTMLТекст + "";

Разберем представленный код:

• Хранилище содержит двоичные данные изображения, их необходимо получить. Используем для этого метод Получить(), который распаковывает данные хранилища;
• В html мы можем вывести изображение либо указав ссылку на него, либо использовав его двоичные данные, в кодировке base64. Для этого используем метод Base64Строка;
• После подготовки данных, можно выводить их в документ.
  • Используем тег , применяемый для вывода изображений;
  • Атрибут src указывает адрес выводимого изображения или его данные. У нас это двоичные данные, поэтому в дополнение к ним необходимо использовать префикс data:image/ и указание типа данных base64.

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

. Он означает начало нового абзаца. При описании стилей мы указали, что перед началом нового абзаца устанавливается отступ в 10 пикселей.

Вывод текстового реквизита в html

После фотографии выведем основные данные пользователя в следующем формате:

Начнем с имени пользователя:

HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + "Полное имя: "; HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + Данные.Наименование; HTMLТекст = HTMLТекст + "
";

Разберем представленный код:

• Для того, чтобы имя реквизита не сливалось с его содержанием, выделим его другим цветом. Для этого используем свойство , позволяющее изменять характеристики текста. В нашем случае это цвет color.
• После вывода данных используем тег
  . Он предназначен для перехода на следующую строку.

Вывод ссылки в html

Теперь выведем в документ физлицо пользователя. Так как оно представлено ссылочным типом, оформим его в виде ссылки.

ШаблонНавигационнойСсылки = "%2"; HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + "Физическое лицо: "; HTMLТекст = HTMLТекст + ""; НавигационнаяСсылка = ПолучитьНавигационнуюСсылку(Данные.ФизическоеЛицо); ФизическоеЛицо = СтрШаблон(ШаблонНавигационнойСсылки, НавигационнаяСсылка, Данные.ФизическоеЛицо); HTMLТекст = HTMLТекст + ФизическоеЛицо; HTMLТекст = HTMLТекст + "
";

Разберем представленный код:

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

&НаСервереБезКонтекста Процедура ДобавитьРеквизит(HTMLТекст, Подпись, Значение) HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + Подпись + ": "; HTMLТекст = HTMLТекст + ""; Если ТипЗнч(Значение) = Тип("Строка") Тогда HTMLТекст = HTMLТекст + Значение; Иначе ШаблонНавигационнойСсылки = "%2"; НавигационнаяСсылка = ПолучитьНавигационнуюСсылку(Значение); HTMLТекст = HTMLТекст + СтрШаблон(ШаблонНавигационнойСсылки, НавигационнаяСсылка, Значение); КонецЕсли; HTMLТекст = HTMLТекст + "
"; КонецПроцедуры

Вывод всех реквизитов будет выглядеть следующим образом:

ДобавитьРеквизит(HTMLТекст, "Полное имя", Данные.Наименование); ДобавитьРеквизит(HTMLТекст, "Физическое лицо", Данные.ФизическоеЛицо); ДобавитьРеквизит(HTMLТекст, "Подразделение", Данные.Подразделение); ДобавитьРеквизит(HTMLТекст, "Комментарий", Данные.Комментарий); 

Вывод таблицы в html 1с

Осталось вывести таблицу контактной информации пользователя. Это делается довольно просто.

HTMLТекст = HTMLТекст + ""; //Шапка таблицы HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + ""; //Тело таблицы Пока Контакты.Следующий() Цикл HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + ""; HTMLТекст = HTMLТекст + ""; КонецЦикла; HTMLТекст = HTMLТекст + "
Вид
Описание
" + Контакты.Вид + "
" + Контакты.Представление + "
";

На этом формирование поля html документа в 1с завершено. Осталось только закрыть теги и вернуть сформированный текст.

HTMLТекст = HTMLТекст + ""; Возврат HTMLТекст;

В итоге у нас получается html поле, заполненное следующим образом:

Обработка нажатия на ссылку

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

&НаКлиенте Процедура ПредставлениеHTMLПриНажатии(Элемент, ДанныеСобытия, СтандартнаяОбработка) Если Лев(ДанныеСобытия.Href, 6) = "v8doc:" Тогда СтандартнаяОбработка = Ложь; НавигационнаяСсылкаПоля = Сред(ДанныеСобытия.Href, 7); ПерейтиПоНавигационнойСсылке(НавигационнаяСсылкаПоля); КонецЕсли; КонецПроцедуры

В обработчике мы анализируем текст ссылки, на которую произошло нажатие. Если это навигационная ссылка, обрабатываем ее по отдельному алгоритму. Получаем текст и осуществляем переход. Таким образом при нажатии на ссылку, у нас произойдет переход на форму элемента справочника.

Скачать обработку формирования html поля можно здесь: СозданиеHTMLПоля

Источник

Поле HTML документа. Как редактировать ? Или есть альтернативы ?

Доброго времени суток, господа форумчани.
Работаю с почтой в 1С (ИнтернетПочтовоеСообщение). Пользователи захотели перед отправкой письма добавить текст по их усмотрению
и чтобы этот текст добавился в текст письма. А так же логотип фирмы был в самом низу, под текстом. Для этого надо создать HTML страницу с изображением и прикрепить к письму.
Так вот. Каким способом создать эту HTML страницу ? Пробовал создавать HTML вручную копированием текста введенного пользователями в HTML. HTML не видит перенос строки. Именно в этом загвоздка. Нашел элемент управления «Поле HTML документа». Но не могу разобраться как дать возможность его редактировать. Может кто-нибудь уже сталкивался с данной проблемой. Помогите пожалуйста.

Я бы лучше открыл бы какой нибудь TheBat и сказал бы: «Вот тут пишите текст письма, сюда вставляйте свой логотип»

(Rie) про этот тэг я знаю. Используя его, надо полностью по символьно разобрать введенный текст пользователем и найти перенос строки. Это не продуктивно. Есть способ без перебора ?
(cw014) К письмам так же прикрепляются отчеты, который формируются в 1С. Не удобны почтовые программы .

(4) попробуй для ПолеHTMLДокумент сделать УстановитьРежим(РежимПоляHTMLДокумента.Редактирование) и там понабирать текст

(4) Пусть отчет в 1С формирует, выгружает в Excel и через TheBat отправляет. То, что тебя заставляют делать — полнейшее извращение

Источник

Редактор HTML-документа

HTML-редактор используется для создания пользовательских описаний в виде HTML-документов. Окно редактора содержит три закладки, позволяющие осуществлять просмотр и редактирование документа.

На закладке Редактирование документ отображается в текстовом и графическом виде:

На закладке Текст разработчик имеет возможность редактировать HTML-текст документа:

Закладка Просмотр предназначена для отображения документа в том виде, в котором он будет показан пользователю:

Работа с HTML-документом напоминает работу в обычном текстовом редакторе, однако HTML-редактор предоставляет ряд дополнительных возможностей, которые обусловлены использованием формата HTML:

Форматирование текста

Текст HTML-документа можно форматировать: устанавливать его стиль, абзацные отступы, выбирать размер шрифта, параметры, гарнитуру и т. д.:

При копировании текста из других текстовых редакторов (например, Word) HTML-редактор сохраняет исходное форматирование текста.

Таблицы

В HTML-документ можно вставлять таблицы и редактировать как параметры отдельных ячеек таблицы, так и изменять внешний вид и параметры всей таблицы:

Картинки

В HTML-документе могут быть размещены картинки. Разработчик имеет возможность задавать размеры картинки, ее положение и толщину рамки вокруг картинки:

Надписи

HTML-редактор позволяет использовать в документах надписи — специальные объекты HTML-документа. В надписи можно разместить текст, таблицу, картинку или другую надпись. При просмотре документа вложенные объекты надписи будут непрерывно прокручиваться справа налево:

Источник