Перейти к содержанию

Форматированный текст: различия между версиями

Материал из Химсофт Вики
 
(не показано 12 промежуточных версий этого же участника)
Строка 1: Строка 1:
'''Форматированный текст''' (<code>FormattedText</code>) - элемент отображения текстовых данных с форматированием.
Этот объект позволяет отображать форматированный текст в формате <code>RTF</code>. Он выглядит следующим образом:


==Общие сведения==
[[Файл: rtf_obj_1.png|center|border|400px]]
*может выполнять операции слияния данных;
*может отображать форматированный текст в формате HTML (например – при отображении формул или единиц измерения, содержащих надстрочные и/или подстрочные символы).


==Ввод текста==
'''''Примечания:'''''
*выбрать у элемента <code>FormattedText</code> свойство <code>Data >> Html</code>;
*''По возможности старайтесь обходиться объектом <code>Текст</code> для отображения текста. При экспорте отчета в другие форматы объект <code>Форматированный текст</code> экспортируется в виде картинки.''
[[Файл:Formatted.png|center]]
*''Объект поддерживает только сплошной тип заливки. Градиентные и прочие заливки не поддерживаются.''
*вызвать с помощью пункта <code>Expression…</code> (рис. 6.1) окно <code>Expression Editor</code>;
[[Файл:Formatted2.png|center]]
*ввести HTML-код в поле <code>Expression:</code>.


==Особенности==  
==Редактирование текста==
*элемент FormattedText отображает введенный HTML-текст с применённым форматированием (итоговый вариант можно увидеть в режиме предварительного просмотра <code>Preview</code>;
Для редактирования текста сделайте двойной щелчок на объекте:
*весь текст, написанный в свойстве Html, должен быть заключен в тег <code><body></body></code>;
*в поле ввода текста «Expression:» возможно использование почти все HTML-теги и атрибуты из спецификации XHTML 1.1 (подробнее см. https://www.w3.org/TR/xhtml11/) с некоторыми расширениями для частичной поддержки спецификации HTML5 (подробнее см. https://www.w3.org/TR/2011/WD-html5-20110405/);
*элемент управления <code>FormattedText</code> поддерживает многие (но не все) стили CSS;
*при использовании допустимых HTML-тегов, которые не поддерживаются дизайнером, они будут игнорироваться.


==Индексы (надстрочные и подстрочные)==
[[Файл: rtf_obj_2.png|center|border]]


===Управление вертикальным смещением===
==Использование пакета Microsoft Word==  
В CSS стандартные свойства <code>vertical-align:</code> для <code>sup</code> и <code>sub</code> имеют фиксированные алгоритмы смещения.  
Вы также можете использовать пакет <code>Microsoft Word</code> для создания текста:
*создайте текст;
*сохраните его в формате <code>RTF</code>;
*вызовите редактор объекта;
*нажмите кнопку [[Файл: rtf_open_btn.png|border]], чтобы загрузить текст из файла <code>RTF</code>.


Использование пунктов (pt) или пикселей (px) позволяет тонко настроить положение:
'''''Примечание:''' объект поддерживает далеко не все возможности <code>Microsoft Word</code>.''
*<code>vertical-align: 2pt;</code> — положительное значение поднимает <code>sup</code> (надстрочный индекс) выше базовой линии; чем больше число, тем больше «отрыв» от текста;
*<code>vertical-align: -1pt;</code> — отрицательное значение опускает <code>sub</code> (подстрочный индекс); это критично для предотвращения наложения индекса на выносные элементы букв (например, у буквы «р» или «у»).


===Изменение размера индексов===
==Подключение к базам данных==
По умолчанию браузеры уменьшают индексы до ~75% от размера родителя.
Подключить объект к данным из поля БД можно двумя способами:
*<code>font-size: 7px;</code> — жесткое задание размера (в данном случае относительно основного текста в 9px) делает формулы и единицы измерения более читаемыми и аккуратными;
*в текст объекта можно вставлять выражения - они обрабатываются таким же образом, как и в объекте <code>Текст</code>; вставьте ссылку на поле в текст объекта;
*для лучшей адаптивности можно использовать проценты (например, <code>font-size: 75%</code>) или единицы <code>em</code>.
*используйте свойство <code>DataColumn</code>, чтобы напечатать содержимое поля базы данных целиком.


===Влияние на межстрочный интервал (Line-height)===
==Свойства объекта==
Одной из главных проблем индексов является «раздвигание» строк.


Свойство <code>line-height: 1.2;</code> в сочетании с явным указанием <code>vertical-align</code> для индексов помогает сохранить ритм вертикальной сетки.
Объект имеет следующие свойства:
 
{|class="wikitable" style="margin:auto; background-color: #fff;"
Если индексы сильно смещены, они могут увеличить высоту отдельной строки, что визуально портит блок текста.  
|-
 
!Свойство
Для решения этой проблемы индексам часто добавляют <code>line-height: 0;</code>.
!Описание
 
|-
===Пример использования===
|<code>AllowExpressions</code><br>'''''Выражения в тексте'''''
<syntaxhighlight lang="html">
|Возможность отключать обработку выражений в тексте объекта. По умолчанию включено.
<style>
|-
body {font-family: 'Times New Roman', Times, serif; font-size: 9px; line-height: 1.2;}
|<code>Brackets</code><br>'''''Скобки'''''
sup {vertical-align: 2pt; font-size: 7px;}
|Пара символов, которые используются для обозначения выражений в тексте объекта.
sub {vertical-align: -1pt; font-size: 7px;}
|-
</style>  
|<code>DataColumn</code><br>'''''Поле данных'''''
<body>  
|Поле данных, из которого загружается текст объекта.
Fields!unit.Value
|-
</body>
|<code>Text</code><br>'''''Текст'''''
</syntaxhighlight>
|Текст объекта в формате RTF.
 
|-
[[Category:Внутренняя документация]]
|<code>Padding</code><br>'''''Отступы'''''
[[Category:Тритея]]
|Отступы текста от краев объекта, измеряемые в пикселах.
[[Category:Дизайнер_документов]]
|-
|}

Текущая версия от 07:34, 15 октября 2026

Этот объект позволяет отображать форматированный текст в формате RTF. Он выглядит следующим образом:

Примечания:

  • По возможности старайтесь обходиться объектом Текст для отображения текста. При экспорте отчета в другие форматы объект Форматированный текст экспортируется в виде картинки.
  • Объект поддерживает только сплошной тип заливки. Градиентные и прочие заливки не поддерживаются.

Редактирование текста

Для редактирования текста сделайте двойной щелчок на объекте:

Использование пакета Microsoft Word

Вы также можете использовать пакет Microsoft Word для создания текста:

  • создайте текст;
  • сохраните его в формате RTF;
  • вызовите редактор объекта;
  • нажмите кнопку , чтобы загрузить текст из файла RTF.

Примечание: объект поддерживает далеко не все возможности Microsoft Word.

Подключение к базам данных

Подключить объект к данным из поля БД можно двумя способами:

  • в текст объекта можно вставлять выражения - они обрабатываются таким же образом, как и в объекте Текст; вставьте ссылку на поле в текст объекта;
  • используйте свойство DataColumn, чтобы напечатать содержимое поля базы данных целиком.

Свойства объекта

Объект имеет следующие свойства:

Свойство Описание
AllowExpressions
Выражения в тексте
Возможность отключать обработку выражений в тексте объекта. По умолчанию включено.
Brackets
Скобки
Пара символов, которые используются для обозначения выражений в тексте объекта.
DataColumn
Поле данных
Поле данных, из которого загружается текст объекта.
Text
Текст
Текст объекта в формате RTF.
Padding
Отступы
Отступы текста от краев объекта, измеряемые в пикселах.