Тип: Строка. Содержит ширину элемента форматированного текста.
Полное описание, параметры и ограничения
ЭлементФорматированногоТекстаHTML.Ширина (HTMLPreElement.Width)
ЭлементФорматированногоТекстаHTML (HTMLPreElement)
Ширина (Width)
Доступен, начиная с версии 8.2.
Использование:
Чтение и запись.
Описание:
Тип: Строка.
Содержит ширину элемента форматированного текста.
Доступность:
Тонкий клиент, мобильный клиент, сервер, толстый клиент, внешнее соединение, мобильное приложение (клиент), мобильное приложение (сервер), мобильный автономный сервер.
Использование в версии:
Доступен, начиная с версии 8.2.
Методическая информация
Практические примеры
Подготовить блок, форматированный текст и разделительную линию
Показываем собственные данные A-01: 3 и B-02: 1 без исполнения разметки. HTML-блок не становится группой формы 1С.
Где и как запускать
Учебная база: создайте серверный общий модуль УчебныеЗадачи (флаг Сервер). Код без директив вставьте в тело процедуры ВыполнитьПример() Экспорт. Вызовите её из серверного обработчика команды учебной обработки. Не запускайте в рабочей базе.
Подготовка
Используйте учебную базу платформы 8.5.1.1343 и серверную процедуру учебного общего модуля. Каждый пример выполняйте отдельно.
Все данные заказа вымышлены и находятся в строке. ЧтениеHTML разбирает данные, но не является браузером: форма не отправляется, ссылки не открываются, картинки не скачиваются.
Никакие файлы, адреса сайтов, токены и документы информационной базы не нужны. Не заменяйте учебную строку произвольным внешним HTML без отдельной проверки безопасности.
Индексы коллекций начинаются с нуля. Перед обращением к найденному узлу проверяйте Неопределено; перед специальными свойствами элемента проверяйте его тип.
HTML = "<html><head><title>Учебный заказ</title><meta id='meta' name='description' content='Вымышленный заказ'></head>
|<body id='body'><p id='note'>Заказ существует только в памяти</p><pre id='code'>A-01: 3
|B-02: 1</pre>
|<form id='order' name='order' action='' method='get'>
|<input id='customer' name='customer' type='text' value='Учебный покупатель'>
|<input id='accepted' name='accepted' type='checkbox' value='yes'>
|<button id='preview' name='preview' type='button' value='preview'>Предпросмотр</button></form>
|<table id='items' summary='Книга и ручка'><caption id='caption'>Товары</caption><colgroup><col id='column'></colgroup><tbody>
|<tr id='book'><td id='book-name'>Книга</td><td>3</td></tr><tr id='pen'><td>Ручка</td><td>1</td></tr>
|</tbody></table><a id='help' name='help' href='#note'>Пояснение</a><img id='logo' alt='Учебная картинка без источника'>
|</body></html>";
Чтение = Новый ЧтениеHTML;
Чтение.УстановитьСтроку(HTML);
Попытка
Построитель = Новый ПостроительDOM;
Документ = Построитель.Прочитать(Чтение);
Исключение
Чтение.Закрыть();
ВызватьИсключение;
КонецПопытки;
Чтение.Закрыть();
Если ТипЗнч(Документ) <> Тип("ДокументHTML") Тогда
ВызватьИсключение "Ожидался ДокументHTML, а не XML-документ";
КонецЕсли;
Блок = Документ.СоздатьЭлемент("div");
Если ТипЗнч(Блок) <> Тип("ЭлементБлокHTML") Тогда
ВызватьИсключение "Проверьте специальный тип собственного div";
КонецЕсли;
Код = Документ.СоздатьЭлемент("pre");
Если ТипЗнч(Код) <> Тип("ЭлементФорматированногоТекстаHTML") Тогда
ВызватьИсключение "Проверьте специальный тип собственного pre";
КонецЕсли;
Линия = Документ.СоздатьЭлемент("hr");
Если ТипЗнч(Линия) <> Тип("ЭлементЛинияHTML") Тогда
ВызватьИсключение "Проверьте специальный тип собственного hr";
КонецЕсли;
Блок.Выравнивание = "left";
Код.Ширина = "40";
Линия.Цвет = "#cbd5e1";
Текст = Документ.СоздатьТекстовыйУзел("A-01: 3" + Символы.ПС + "B-02: 1");
Код.ДобавитьДочерний(Текст);
Блок.ДобавитьДочерний(Код);
Блок.ДобавитьДочерний(Линия);
Сообщить(Блок.ДочерниеУзлы.Количество() = 2);
Сообщить(Код.ТекстовоеСодержимое = "A-01: 3" + Символы.ПС + "B-02: 1");
Сообщить(Код.Ширина = "40");
Сообщить(Линия.Цвет = "#cbd5e1");
Сообщить(Блок.РодительскийУзел = Неопределено);Разбор по шагам
Фабрика создаёт div, pre и hr, для каждого проверяем фактический специальный тип.
В pre добавляем один буквальный текстовый узел с переводом строки, не исполняемый код.
В div добавляем два элемента; сам блок пока остаётся вне дерева заказа.
Как проверить результат
Пять сравнений Истина: два дочерних элемента, правильный текст, ширина, цвет и отсутствие родителя блока.
В рабочей форме 1С не появляется новая группа или линия.
Ожидаемый результат
Собран отдельный учебный фрагмент HTML в памяти.
На что обратить внимание
Старое свойство Ширина pre не является шириной редактора BSL.
Текст с переносом сохраняется в DOM; визуальное отображение нужно проверять отдельно.
Пример не запускался в вашей базе. Перед применением проверьте его в указанном учебном контексте.