แชร์ผ่าน


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

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

คำอธิบาย

ตัวควบคุม ตัวแก้ไข Rich text ช่วยให้ผู้ใช้แอปสามารถจัดรูปแบบข้อความในพื้นที่การแก้ไข WYSIWYG ได้

รูปแบบข้อมูลป้อนเข้าและผลลัพธ์เป็น HTML แต่ตัวควบคุมไม่ใช่ตัวแก้ไข HTML ตัวแก้ไขนําสคริปต์ สไตล์ วัตถุ และองค์ประกอบ HTML และแอตทริบิวต์ที่ไม่รองรับออก

คุณลักษณะที่ได้รับการสนับสนุนประกอบด้วย:

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

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

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

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

HtmlText – คุณสมบัติผลลัพธ์สําหรับ Rich Text ในรูปแบบ HTML

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

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

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

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

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

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

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

Width – ระยะห่างจากขอบด้านซ้ายของตัวควบคุมไปยังขอบด้านขวา

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

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

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

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

  • ตรวจสอบให้แน่ใจว่า AccessibleLabel ปรากฏอยู่

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

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

เคล็ดลับ

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

Note

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

Limitations

ไม่รับประกันรูปลักษณ์เมื่อทํางานกับผลิตภัณฑ์อื่น

เมื่อคุณใช้ Rich Text ในผลิตภัณฑ์ต่าง ๆ ข้อความอาจไม่มีลักษณะเหมือนกัน

  • คุณสามารถวาง Rich Text จากเว็บเพจ Microsoft Word และแอปอื่นๆ อย่างไรก็ตาม ลักษณะที่ปรากฏอาจแตกต่างกันโดยขึ้นอยู่กับความสามารถของอุปกรณ์ เบราว์เซอร์ และแหล่งข้อมูลภายนอก
  • ในทำนองเดียวกัน ถ้าคุณสร้าง rich text นอกแอปที่ใช้แคนวาส อาจดูแตกต่างออกไปเล็กน้อยเนื่องจากไม่มีสไตล์ที่มีอยู่ในตัวของแอปอื่น
  • ถ้าคุณฝังแอป Canvas ในแอปอื่น แอปโฮสต์อาจแทนที่สไตล์ของ Rich Text ตัวอย่างเช่น เมื่อคุณใช้แอปพื้นที่ทํางานเป็น หน้าแบบกําหนดเอง ในแอปที่ขับเคลื่อนด้วยแบบจําลอง แอปโฮสต์จะนําลักษณะรายการออก รายการแบบมีหัวข้อย่อยไม่แสดงในหน้าแบบกำหนดเอง

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

รูปภาพที่วางอาจไม่ปรากฏอย่างสม่ําเสมอ

รูปภาพที่วางอาจปรากฏในเบราว์เซอร์ แต่ไม่ปรากฏในแอปสําหรับอุปกรณ์เคลื่อนที่ หรืออาจปรากฏขึ้นเป็นระยะ ๆ หรือไม่ปรากฏเลย นี่คือสัญญาณว่ารูปภาพที่วางไม่ได้รับการสนับสนุนเนื่องจาก:

  • การแชร์ทรัพยากรแบบข้ามจุดเริ่มต้น (CORS) โฮสต์รูปภาพจะบล็อกรูปภาพจากการโหลดบน Power Apps
  • การรับรองความถูกต้อง รูปภาพจะไม่สามารถเข้าถึงได้โดยสาธารณะและสามารถเข้าถึงได้หลังจากที่คุณลงชื่อเข้าใช้โฮสต์รูปภาพเท่านั้น
  • รองรับรูปแบบรูปภาพ รูปแบบภาพทั่วไปเช่น jpg และ png ได้รับการสนับสนุน แต่ประเภทที่พบบ่อยน้อยกว่าอาจไม่ได้รับการรองรับโดยเบราว์เซอร์หรืออุปกรณ์

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

เคล็ดลับ

ใช้เครื่องมือคลิปหน้าจอหรือสกรีนช็อตเพื่อคัดลอกและวางรูปภาพเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด

เมื่อแก้ไขแอป คีย์ Alt ไม่อนุญาตให้มีการโต้ตอบกับตัวควบคุม

ใน Power Apps Studio การ กดปุ่ม Alt เพื่อการโต้ตอบด่วน ไม่ทํางาน คุณสามารถโต้ตอบกับตัวแก้ไข Rich Text เมื่อ แสดงตัวอย่างแอปเท่านั้น