Поделиться через

Элемент управления HTML-текст в Power Apps

  • Статья

Поле, в котором отображается текст, а HTML-теги преобразуются в форматирование.

Описание

Элемент управления HTML-текст не только отображает обычный текст и числа, но и преобразует HTML-теги, например неразрывные пробелы.

Примечание

Элемент управления HTML-текст предполагает, что HtmlText расположен относительно. Если вам нужно использовать абсолютную позицию для вашего HTML-текста, оберните текст вокруг относительно позиционированного div. Например: "<div style='position:relative'>" & varPageContent & "</div>"

Примечание

Для некоторых HTML-элементов стили браузера по умолчанию могут быть удалены. Например, для HTML-списка (<ul>, <ol>) вам нужно будет написать свои собственные встроенные стили, чтобы вернуть стили по умолчанию. Например:

<ul style='display: block;
           list-style-type: disc;
           margin-block-start: 1em;
           margin-block-end: 1em;
           margin-inline-start: 0px;
           margin-inline-end: 0px;
           padding-inline-start: 40px;'>
  ...
</ul>

Ключевые свойства

Color  — цвет текста в элементе управления.

Font  — имя семейства шрифтов, используемых для отображения текста.

HtmlText— это текст, который отображается в элементе управления HTML-текст и который может содержать теги HTML.

Дополнительные свойства

BorderColor  — цвет границы элемента управления.

BorderStyle  — стиль границы элемента управления: Solid, Dashed, Dotted или None.

BorderThickness  — толщина границы элемента управления.

DisplayMode — в зависимости от значения этого режима элемент управления разрешает пользователю вводить данные (Edit), только отображает данные (View) или элемент вообще отключен (Disabled).

DisabledBorderColor — цвет границы элемента управления, если для его свойства DisplayMode установлено значение Disabled.

DisabledFill — цвет фона элемента управления, если для его свойства DisplayMode установлено значение Disabled.

Fill  — цвет фона элемента управления.

Height  — расстояние между верхним и нижним краями элемента управления.

HoverBorderColor  — цвет границы элемента управления при наведении на него указателя мыши.

OnSelect — действия, выполняемые, когда пользователь выбирает элемент управления.

Примечание

OnSelect игнорируется для гиперссылок в содержимом, указанном внутри свойства HtmlText.

PaddingBottom — расстояние между текстом в элементе управления и нижним краем элемента управления.

PaddingLeft  — расстояние между текстом в элементе управления и левым краем элемента управления.

PaddingRight  — расстояние между текстом в элементе управления и правым краем элемента управления.

PaddingTop  — расстояние между текстом в элементе управления и верхним краем элемента управления.

Size  — размер шрифта текста, отображаемого в элементе управления.

Tooltip  — пояснительный текст, отображаемый при наведении указателя мыши на элемент управления.

Visible — определяет, отображается элемент управления или он скрыт.

Width  — расстояние между левым и правым краями элемента управления.

X  — расстояние между левым краем элемента управления и левым краем его родительского контейнера (или экрана, если родительского контейнера нет).

Y  — расстояние между верхним краем элемента управления и верхним краем его родительского контейнера (или экрана, если родительского контейнера нет).

Find(текст_для_поиска, в_тексте)

Пример

  1. Добавьте элемент управления Подпись, назовите его Source и укажите в качестве значения свойства Text следующую строку:

    "<p>Мы&nbsp;достигли необычайно &quot;глубокого&quot; уровня глобализации и локализации.<p>"

    Не знаете, как добавить, назвать и настроить элемент управления?

  2. Добавьте элемент управления HTML-текст и укажите для свойства HtmlText следующее значение:
    Source.Text

    В элементе управления HTML-текст отображается тот же текст, что и в элементе управления Подпись, но теги преобразуются в соответствующие символы.

Руководство по настройке специальных возможностей

Сопоставление ARIA для элементов внутри элемента управления текст HTML не определяются автоматически Power Apps.

Контрастность цветов

Необходимо настроить достаточный контраст для следующих элементов:

  • Color и Fill
  • Текст с пользовательскими цветами и фоном

Поддержка клавиатуры

  • Элемент управления не может действовать как кнопка. У него нет свойства TabIndex и пользователи клавиатуры не смогут навести на него фокус.
  • Элемент управления может содержать интерактивные части в HtmlText, такие как элементы <a>, но должен быть включен параметр приложения **Упрощенные индексы вкладок". В противном случае порядок навигации по вкладкам будет неправильным.

Примечание

Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).

Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).