Chia sẻ qua

Điều khiển văn bản HTML trong Power Apps

Hộp hiển thị văn bản và chuyển đổi thẻ HTML thành định dạng.

Sự miêu tả

Điều khiển văn bản HTML không chỉ hiển thị văn bản thuần và số mà còn chuyển đổi các thẻ HTML, chẳng hạn như dấu cách không ngắt.

Lưu ý

Điều khiển văn bản HTML giả định HtmlText tương đối được định vị. Nếu bạn cần sử dụng vị trí tuyệt đối cho văn bản HTML của mình, hãy ngắt dòng văn bản xung quanh một div tương đối định vị. Ví dụ: "<div style='position:relative'>" & varPageContent & "</div>"

Lưu ý

Đối với một số thành phần HTML, kiểu trình duyệt mặc định có thể bị xóa bỏ. Ví dụ, đối với danh sách HTML (<ul>, <ol>) bạn sẽ cần phải viết kiểu nội tuyến của riêng bạn để có được kiểu mặc định trở lại. Ví dụ:

<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>

Thuộc tính khóa

Color – Màu văn bản trong điều khiển.

Font – Tên của họ phông chữ xuất hiện trong văn bản.

HtmlText – Văn bản xuất hiện trong điều khiển văn bản HTML và có thể chứa thẻ HTML.

Thuộc tính bổ sung

AutoHeight – Đặt thành true để cho phép điều khiển tự động tăng chiều cao để hiển thị tất cả văn bản. Đặt là false để cắt bớt văn bản về chiều cao đã gán.

Lưu ý

Bật thuộc tính AutoHeight sẽ tăng thuộc tính Height của điều khiển lên giá trị tối đa là 7680.

BorderColor – Màu của viền điều khiển.

BorderStyle – Viền của điều khiển là Rắn, Nét đứt, Chấm chấm hay Không.

BorderThickness – Độ dày của viền điều khiển.

DisplayMode – Điều khiển có cho phép người dùng nhập (Chỉnh sửa) hay không, chỉ hiển thị dữ liệu (Xem) hay bị tắt (Tắt).

DisabledBorderColor – Màu sắc của viền điều khiển nếu thuộc tính DisplayMode của điều khiển được đặt thành Tắt.

DisabledFill – Màu nền của điều khiển nếu thuộc tính DisplayMode của điều khiển đó được đặt thành Tắt.

Fill – Màu nền của điều khiển.

Chiều cao – Khoảng cách giữa các cạnh trên cùng và dưới của điều khiển.

HoverBorderColor – Màu sắc của viền điều khiển khi người dùng giữ con trỏ chuột trên điều khiển đó.

OnSelect – Hành động cần thực hiện khi người dùng chọn một điều khiển.

Lưu ý

OnSelect được bỏ qua đối với các siêu kết nối trong nội dung được tham chiếu bên trong thuộc tính HtmlText .

PaddingBottom – Khoảng cách giữa văn bản trong điều khiển và cạnh dưới của điều khiển đó.

PaddingLeft – Khoảng cách giữa văn bản trong điều khiển và cạnh trái của điều khiển đó.

PaddingRight – Khoảng cách giữa văn bản trong điều khiển và cạnh phải của điều khiển đó.

PaddingTop – Khoảng cách giữa văn bản trong điều khiển và cạnh trên của điều khiển đó.

Size – Cỡ phông của văn bản xuất hiện trên điều khiển.

Chú giải công cụ – Văn bản giải thích xuất hiện khi người dùng di chuột qua điều khiển.

Hiển thị – Cho dù điều khiển xuất hiện hay bị ẩn.

Chiều rộng – Khoảng cách giữa các cạnh trái và phải của điều khiển.

X – Khoảng cách giữa cạnh trái của một điều khiển và cạnh trái của vùng chứa cha của nó (màn hình nếu không có vùng chứa cha).

Y – Khoảng cách giữa cạnh trên của một điều khiển và cạnh trên của vùng chứa cha (màn hình nếu không có vùng chứa cha).

Find( FindString, WithinString )

Ví dụ:

  1. Thêm điều khiển Nhãn , đặt tên là Nguồn và đặt thuộc tính Văn bản cho chuỗi này:

    "<p>Chúng tôi đã   thực hiện một &trích dẫn bất thường; sâu&ng; toàn cầu hóa và bản địa hóa.<p>"

    Bạn không biết cách thêm, đặt tên và cấu hình điều khiển?

  2. Thêm điều khiển văn bản HTML và đặt thuộc tính HtmlText của nó thành giá trị này:
    Nguồn.Văn bản

    Điều khiển văn bản HTML hiển thị cùng một văn bản với điều khiển Nhãn nhưng chuyển đổi các thẻ thành các ký tự thích hợp.

Hướng dẫn hỗ trợ tiếp cận

Ánh xạ ARIA cho các phần tử bên trong điều khiển văn bản HTML không được Power Apps xác định tự động.

Độ tương phản màu

Phải có độ tương phản màu đầy đủ giữa:

  • Màu và Tô
  • Văn bản với màu tùy chỉnh và nền của nó

Hỗ trợ bàn phím

  • Điều khiển không thể hoạt động như một nút. Ứng dụng này không có TabIndex và người dùng bàn phím sẽ không thể tập trung vào nó.
  • Điều khiển có thể chứa các phần tương tác trong HtmlText<a> như thành phần, nhưng cài đặt ứng dụng **Chỉ mục tab đơn giản" phải được bật. Nếu không, thứ tự dẫn hướng tab sẽ sai.
  • Last updated on