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

13.11.18

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

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

Скачать файл

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

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

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

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

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

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

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

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

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

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

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

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

См. также

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

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

5000 руб.

14.01.2016    55436    17    23    

43

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

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

6000 руб.

16.01.2015    63825    44    59    

82

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

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

2400 руб.

29.06.2020    19718    28    6    

44

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

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

20.08.2024    21825    mrXoxot    44    

128

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

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

27.05.2024    10936    smielka    37    

105

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

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

27.12.2023    17954    1225    elcoan    53    

125

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

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

3 стартмани

10.04.2023    12655    167    acces969    31    

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