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

13.11.18

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

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

Файлы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

См. также

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

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

28800 руб.

27.03.2025    16835    24    18    

35

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

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

6000 руб.

16.01.2015    66180    45    60    

84

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

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

5160 руб.

29.06.2020    21855    32    6    

49

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

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

5040 руб.

06.10.2020    11686    8    8    

13

Работа с интерфейсом Программист Стажер 1С v8.3 Бесплатно (free)

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

20.08.2024    37384    mrXoxot    44    

136

Работа с интерфейсом Программист 1С v8.3 Бесплатно (free)

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

27.05.2024    22003    smielka    37    

108

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

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

27.12.2023    21193    1295    elcoan    53    

128

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

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

3 стартмани

10.04.2023    15142    175    acces969    31    

132
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. azhilichev 216 13.11.18 17:17 Сейчас в теме
Мне кажется, что вставлять скриншоты непосредственно в справку без преобразований менее трудозатратно. Или ошибаюсь?
serg1983; nekit_rdx; RustIG; +3 Ответить
5. RustIG 1916 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 216 14.11.18 14:05 Сейчас в теме
(2) Монолитность может раскрошиться о кроссплатформенность :)
13. sikuda 679 27.03.19 11:18 Сейчас в теме
(8) Если пользоваться стандартами, даже если IE от них отходит то все отлично работает.
Очень хорошо что вы оказались неправы и в 8.3.14 справка переехавшая на Webkit у меня работает!
15. azhilichev 216 28.03.19 07:58 Сейчас в теме
(13) Я искренне рад за вас. Желаю, чтобы вас не коснулись баги html-поля веб-клиента, где WebKit не используется. И чтобы при актуализации такой справки вы не испытывали проблем работы с картинками.
16. sikuda 679 28.03.19 09:33 Сейчас в теме
(15) Насчет не коснулись, это Вы хорошо прикололись ;) https://infostart.ru/public/171763/
но вы правы со старым web движком в 1С было сложно, что либо реализовать стабильное, так как все зависело от версии IE.
3. PerlAmutor 160 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 1916 15.11.18 18:52 Сейчас в теме
(6) последняя картинка в публикации - как раз такой пример, Доня
я сам не сразу понял, но надо приглядеться....
7. feva 535 14.11.18 12:51 Сейчас в теме
Занятная статья! Спасибо!
9. Поручик 4595 14.11.18 15:44 Сейчас в теме
ПотокВПамяти появился в 8.3.9. То есть на более старых версиях работать не будет
10. SlavaKron 14.11.18 16:03 Сейчас в теме
(9) Поток там вообще не нужен. У картинки есть собственный метод ПолучитьДвоичныеДанные()
11. Поручик 4595 14.11.18 16:29 Сейчас в теме
(10) Автор решил повыпендриваться.
14. sikuda 679 27.03.19 11:20 Сейчас в теме
17. twilight_dream 19.01.21 13:37 Сейчас в теме
Уже даже в CMS движках есть вставка изображений копированием. Но 1С никак не распрощается с инквизицией и крестовыми походами, земля плоская а небо твердое...
18. aleksey2 89 22.01.24 12:29 Сейчас в теме
привет из далекого 2024/
функция пригодилась
Для отправки сообщения требуется регистрация/авторизация