Изображения в справке 1С

13.11.18

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

Иногда полезно сделать скриншот и вставить его в справку. К счастью, картинку можно преобразовать в строку base64 и вставить в тег img. Выглядит это так: img src="data:image/jpg;base64,-=СТрокаИзображения=-" /img. Для редактирования можно использовать объект "форматированный документ" (реквизит формы). Данный объект может выгрузить свое содержимое в формате html и все картинки в структуру. Далее останется только преобразовать картинки в строку base64 и заменить исходные теги img.

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

Наименование Файл Версия Размер
Изображения в справке 1С:
.epf 103,24Kb
31
.epf 103,24Kb 31 Скачать

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

&НаКлиенте
Процедура ВыполнитьПреобразованиеФорматированногоДокументаВГиппертекст()
	//в данной структуре буду картинки
	КолекцияСтруктурКартинок = Новый Структура;
	//будущий html
	Текстовка = "";
	//Извлекаем из форматированного документа гиппертекст и картинки
	Док.ПолучитьHTML(Текстовка, КолекцияСтруктурКартинок);
	//обход коллекции картинок
	Для Каждого КлючЗначение Из КолекцияСтруктурКартинок Цикл
		//преобразуем объект "картинка" в строковое представление base64
		Стрим = Новый ПотокВПамяти;
		КлючЗначение.Значение.Записать(Стрим);
		Бинарник = Стрим.ЗакрытьИПолучитьДвоичныеДанные();
		ДанныеСтрокой = Base64Строка(Бинарник);
		//заменяем ссылку на файл картинки, картинкой в строковом представлении
		Текстовка = СтрЗаменить(Текстовка, "src=""" + КлючЗначение.Ключ + """", "src=""data:image/jpg;base64," + ДанныеСтрокой + """");
	КонецЦикла;
	Объект.РезультатHTML = Текстовка;
КонецПроцедуры

Весь код прокомментирован и трудностей не должно возникнуть даже у новичков. Сформированный html можно скопировать в буфер (средствами IE) и вставить в справку.

Делаем скриншот:

Открываем обработку из этой статьи пишем текст и вставляем картинку:

Преобразуем в формат html, копируем результат преобразования и открываем редактор справки :

Вставляем данные:

И получаем результат:

Обработка, приложенная к статье в формате управляемой формы, версия платформы 8.3.13, но будет работать и с более старыми. В дополнение могу также упомянуть, что таким образом можно даже свой шрифт подгрузить в тело html страницы (css). СSS очень придирчив к переносам строк, так что чтобы все завелось, строка base64 должна быть без переносов.

Картинка Изображение Справка Помощь

См. также

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

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

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

6000 руб.

16.01.2015    61805    43    59    

80

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

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

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

5000 руб.

14.01.2016    54409    16    21    

42

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

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

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

2400 руб.

29.06.2020    16701    21    4    

35

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

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

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

27.12.2023    10744    750    elcoan    45    

106

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

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

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

2 стартмани

10.04.2023    9626    151    acces969    31    

118

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

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

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

1 стартмани

05.07.2022    3670    kalyaka    2    

27

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

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

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

3600 руб.

29.04.2022    12085    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. azhilichev 213 13.11.18 17:17 Сейчас в теме
Мне кажется, что вставлять скриншоты непосредственно в справку без преобразований менее трудозатратно. Или ошибаюсь?
serg1983; nekit_rdx; RustIG; +3 Ответить
5. RustIG 1382 14.11.18 09:15 Сейчас в теме
(1) Получилось! Эврика!
попробовал через конфигуратор - в режиме редактирования - Меню Элементы - Картинка - вставляю любую картинку - и маленькую и большую. Все идеально. Тестировал на платформе 1С:Предприятие 8.3 (8.3.13.1513)
Прикрепленные файлы:
rozer; nekit_rdx; +2 Ответить
2. makc2k 107 13.11.18 17:50 Сейчас в теме
Суть данного метода в формировании монолитного файла html в который инкапсулированы изображения.
8. azhilichev 213 14.11.18 14:05 Сейчас в теме
(2) Монолитность может раскрошиться о кроссплатформенность :)
13. sikuda 673 27.03.19 11:18 Сейчас в теме
(8) Если пользоваться стандартами, даже если IE от них отходит то все отлично работает.
Очень хорошо что вы оказались неправы и в 8.3.14 справка переехавшая на Webkit у меня работает!
15. azhilichev 213 28.03.19 07:58 Сейчас в теме
(13) Я искренне рад за вас. Желаю, чтобы вас не коснулись баги html-поля веб-клиента, где WebKit не используется. И чтобы при актуализации такой справки вы не испытывали проблем работы с картинками.
16. sikuda 673 28.03.19 09:33 Сейчас в теме
(15) Насчет не коснулись, это Вы хорошо прикололись ;) https://infostart.ru/public/171763/
но вы правы со старым web движком в 1С было сложно, что либо реализовать стабильное, так как все зависело от версии IE.
3. PerlAmutor 129 13.11.18 20:38 Сейчас в теме
Стоит отметить одну неприятную особенность связанную с IE версии ниже 9 и base64. Размер строки base64 не должен превышать 32кб, в противном случае, картинка выводится обрезанной. Как будто не прогруженной полностью. Столкнулись уже с этим при выводе новостей для пользователей в ERP. В итоге вылилось в то, что до кого-то приказ по предприятию донесся, а кто-то ничего не увидел, пожал плечами и забыл.
kawaietz; triviumfan; +2 Ответить
4. Hans 2 14.11.18 08:49 Сейчас в теме
почему в справке 1с нет даже скриншотов в 21 веке?
twilight_dream; TreeDogNight; zqzq; RustIG; +4 Ответить
6. Доня 284 14.11.18 10:40 Сейчас в теме
Автору
А можно показать - как картинка выглядит в справке наглядно
12. RustIG 1382 15.11.18 18:52 Сейчас в теме
(6) последняя картинка в публикации - как раз такой пример, Доня
я сам не сразу понял, но надо приглядеться....
7. feva 516 14.11.18 12:51 Сейчас в теме
Занятная статья! Спасибо!
9. Поручик 4670 14.11.18 15:44 Сейчас в теме
ПотокВПамяти появился в 8.3.9. То есть на более старых версиях работать не будет
10. SlavaKron 14.11.18 16:03 Сейчас в теме
(9) Поток там вообще не нужен. У картинки есть собственный метод ПолучитьДвоичныеДанные()
11. Поручик 4670 14.11.18 16:29 Сейчас в теме
(10) Автор решил повыпендриваться.
14. sikuda 673 27.03.19 11:20 Сейчас в теме
17. twilight_dream 19.01.21 13:37 Сейчас в теме
Уже даже в CMS движках есть вставка изображений копированием. Но 1С никак не распрощается с инквизицией и крестовыми походами, земля плоская а небо твердое...
18. aleksey2 86 22.01.24 12:29 Сейчас в теме
привет из далекого 2024/
функция пригодилась
Оставьте свое сообщение