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

13.11.18

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

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

Файлы

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

Наименование Скачано Купить файл
Изображения в справке 1С:
.epf 103,24Kb
37 2 500 руб. Купить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

См. также

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

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

31720 руб.

27.03.2025    80537    54    42    

66

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

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

36600 руб.

28.08.2025    7667    2    2    

6

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

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

6100 руб.

14.01.2016    60397    22    25    

47

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

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

6088 руб.

17.10.2025    1982    3    0    

2

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

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

6100 руб.

16.01.2015    68234    46    60    

85

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

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

20.08.2024    49098    mrXoxot    44    

139

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

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

27.05.2024    26418    smielka    39    

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