แชร์ผ่าน

ตัวควบคุม ตัวแก้ไข Rich Text ใน Power Apps

  • บทความ

อนุญาตให้ผู้ใช้สามารถจัดรูปแบบข้อความภายในพื้นที่แก้ไข WYSIWYG รูปแบบผลลัพธ์เป็น HTML

คำอธิบาย

ตัวควบคุม ตัวแก้ไข Rich Text ให้ผู้ใช้แอปได้มีพื้นที่สำหรับการแก้ไข WYSIWYG สำหรับข้อความที่จัดรูปแบบ รูปแบบอินพุตและเอาท์พุตของตัวควบคุมเป็น HTML

ตัวควบคุมอนุญาต Rich Text ที่คัดลอก (นั่นคือ จากเว็บเบราว์เซอร์หรือ Word) ให้วางลงในตัวควบคุมได้

วัตถุประสงค์การใช้ตัวควบคุมคือการจัดรูปแบบข้อความ และไม่รับประกันว่าจะรักษาความสมบูรณ์ของข้อมูลป้อนเข้า HTML ได้ สคริปต์ สไตล์ วัตถุ์ และแท็กอื่นๆ ที่อาจมีทั้งหมด อาจถูกลบออกโดยตัวแก้ไข นี่หมายความว่า ถ้า Rich Text ถูกสร้างขึ้นภายนอก Power Apps อาจไม่มีลักษณะเหมือนกับผลิตภัณฑ์ตอนที่ถูกสร้างขึ้น

คุณลักษณะที่สนับสนุนในขณะนี้ได้แก่:

  • ตัวหนา ตัวเอียง ขีดเส้นใต้
  • สีข้อความ สีเน้น
  • ขนาดของข้อความ
  • รายการลำดับเลข รายการตามสัญลักษณ์แสดงหัวข้อ
  • ไฮเปอร์ลิงก์
  • ล้างการจัดรูปแบบ

ในการใช้ตัวควบคุมภายในฟอร์ม เลือกการ์ด แก้ไขข้อความหลายบรรทัด และกำหนดค่าโดยการแทรกตัวควบคุม RTE

คุณสมบัติที่สำคัญ

Default – คุณสมบัติข้อมูลป้อนเข้าสำหรับค่าข้อความเริ่มต้นที่แสดงในตัวแก้ไข

HtmlText – คุณสมบัติเอาต์พุตสำหรับ Rich Text ที่เป็นผลลัพธ์ในรูปแบบ HTML

คุณสมบัติเพิ่มเติม

AccessibleLabel – ป้ายชื่อสำหรับตัวอ่านหน้าจอ ควรอธิบายวัตถุประสงค์ของสิ่งที่แนบมา

DisplayMode – กำหนดว่าตัวควบคุมจะอนุญาตการเพิ่มและลบไฟล์ (แก้ไข) แสดงข้อมูลเท่านั้น (มุมมอง) หรือถูกปิดใช้งาน (ปิดใช้งาน)

EnableSpellCheck – กำหนดว่าเปิดใช้งานตัวตรวจสอบการสะกดคำของเบราว์เซอร์หรือไม่ ฟังก์ชันนี้จะให้การตรวจสอบการสะกดคำในภาษาเริ่มต้นของเบราว์เซอร์เท่านั้น Power Apps สำหรับ Windows ไม่รองรับคุณสมบัตินี้

Height – ระยะห่างระหว่างขอบด้านบนและด้านล่างของตัวควบคุม

TabIndex – ลำดับการนำทางคีย์บอร์ดที่สัมพันธ์กับตัวควบคุมอื่นๆ

Visible – กำหนดให้ตัวควบคุมแสดงหรือถูกซ่อน

Width – ระยะห่างระหว่างขอบด้านซ้ายและด้านขวาของตัวควบคุม

X – ระยะห่างระหว่างขอบด้านซ้ายของตัวควบคุมและขอบด้านซ้ายของคอนเทนเนอร์หลัก (บนหน้าจอ ถ้าไม่มีคอนเทนเนอร์หลัก)

Y – ระยะห่างระหว่างขอบด้านบนของตัวควบคุมและขอบด้านบนของคอนเทนเนอร์หลัก (หรือหน้าจอ ถ้าไม่มีคอนเทนเนอร์หลัก)

แนวทางการช่วยสำหรับการเข้าถึง

การสนับสนุนตัวอ่านหน้าจอ

การรองรับแป้นพิมพ์

  • TabIndex ต้องเป็นศูนย์หรือมากกว่า เพื่อให้ผู้ใช้คีย์บอร์ดสามารถนำทางได้

เคล็ดลับ

ใช้ Alt + 0 ในขณะที่ตัวแก้ไขถูกเน้นเพื่อเรียนรู้เกี่ยวกับแป้นพิมพ์ลัดอื่นๆ

หมายเหตุ

เมื่อแถบเครื่องมือถูกโฟกัส แป้น Tab และ Shift+Tab จะนำทางระหว่างกลุ่มแถบเครื่องมือ แต่คุณไม่สามารถวนกลับจากกลุ่มสุดท้ายไปยังกลุ่มแรกและในทางกลับกันได้

ข้อจำกัด

คุณสามารถโต้ตอบกับตัวควบคุมตัวแก้ไข Rich Text ใน Power Apps Studio เมื่อใช้โหมดพรีวิว

การวางรูปภาพในตัวแก้ไข Rich Text มีข้อจำกัดดังต่อไปนี้:

  • การแชร์ทรัพยากรข้ามโดเมน (CORS)
  • การรับรองความถูกต้อง
  • รูปแบบของรูปภาพรองรับในเบราว์เซอร์
  • ชนิดของรูปภาพ (อินไลน์เทียบกับ URL)
  • เมื่อแทรกรูปภาพ อย่าคาดหวังว่าจะถูกจัดเก็บโดยอัตโนมัติโดยมีแหล่งข้อมูลผูกไว้ วิธีแก้ไขที่เป็นไปได้คือการใช้ตรรกะเพิ่มเติมที่อัปโหลดรูปภาพจากโปรแกรมแก้ไข Rich Text ไปยังแหล่งข้อมูล ประมวลผลการตอบสนอง และวางกลับฟิลด์เข้าไปในช่องเดิม สิ่งสำคัญคือต้องเข้าใจว่าโปรแกรมต่างๆ อาจแสดงภาพที่คัดลอกมาในรูปแบบต่างๆ

หมายเหตุ

เบราว์เซอร์แสดงข้อมูลรูปภาพแตกต่างกัน บางเบราว์เซอร์จะบันทึกภาพเป็นข้อมูลภาพดิบ ขณะที่บางเบราว์เซอร์อาจได้รับการอ้างอิงไปยัง URL ที่อาจไม่สามารถเข้าถึงได้หลังจากวาง

เคล็ดลับ

การใช้คลิปหน้าจอหรือเครื่องมือจับภาพหน้าจอเพื่อคัดลอก / วางภาพจะให้ประสบการณ์ที่ดีที่สุด

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)