เพิ่มตัวควบคุมตัวแก้ไข Rich Text ให้กับแอปแบบจำลอง
หมายเหตุ
มีผลในเดือนพฤศจิกายน 2020:
- Common Data Service มีการเปลี่ยนชื่อเป็น Microsoft Dataverse เรียนรู้เพิ่มเติม
- มีการอัปเดตคำศัพท์บางคำใน Microsoft Dataverse ตัวอย่างเช่น เอนทิตี เปลี่ยนเป็น ตาราง และ ฟิลด์ เปลี่ยนเป็น คอลัมน์ เรียนรู้เพิ่มเติม
บทความนี้จะได้รับการอัปเดตเร็วๆ นี้เพื่อให้สอดคล้องกับคำศัพท์ล่าสุด
ตัวควบคุมตัวแก้ไข Rich Text ให้ผู้ใช้แอปได้มีพื้นที่สำหรับการแก้ไข WYSIWYG สำหรับข้อความที่จัดรูปแบบ ข้อมูลป้อนเข้าและรูปแบบผลลัพธ์ของการควบคุมเป็น HTML ตัวควบคุมอนุญาตให้คัดลอก Rich Text เช่น จากเว็บเบราว์เซอร์หรือ Word ลงในตัวควบคุม
รูปแบบางส่วนที่สามารถใช้งานได้:
- ตัวหนา ตัวเอียง ขีดเส้นใต้ และขีดทับ
- สีข้อความ สีเน้น
- ชนิดแบบอักษรและขนาด
- รายการลำดับเลขและรายการสัญลักษณ์แสดงหัวข้อย่อย
- ไฮเปอร์ลิงก์
- ตาราง
- รูปภาพ
สำหรับรายการตัวเลือกเริ่มต้นทั้งหมด โปรดดู ใช้แถบเครื่องมือแก้ไข Rich Text
เพิ่มหรือแทนที่คอลัมน์ข้อความสำหรับการแก้ไข Rich Text
คุณสามารถสร้างคอลัมน์ข้อความใหม่และกำหนดค่าตัวควบคุม หรือแทนที่คอลัมน์ข้อความที่มีอยู่ สามารถใช้การควบคุมตัวแก้ไข Rich Text กับคอลัมน์ข้อความบรรทัดเดียวหรือหลายบรรทัด
เข้าสู่ระบบ Power Apps ไปที่ โซลูชัน เปิดโซลูชันที่คุณต้องการ เปิดตารางที่คุณต้องการ จากนั้นเลือกแท็บ ฟอร์ม
เลือกฟอร์ม จากนั้นเลือก แก้ไขฟอร์ม
ในตัวออกแบบฟอร์มในแถบคำสั่ง เลือก สลับเป็นแบบคลาสสิค
บนพื้นที่ทำงานตัวออกแบบฟอร์มดั้งเดิม เพิ่มหรือสร้างคอลัมน์ข้อความหรือเลือกคอลัมน์ข้อความที่มีอยู่ เช่น ตารางลูกค้าองค์กร คอลัมน์ คำอธิบาย บนแท็บ หน้าหลัก เลือก เปลี่ยนคุณสมบัติ
บนหน้า คุณสมบัติคอลัมน์ เลือกแท็บ ควบคุม จากนั้นเลือก เพิ่มการควบคุม
เลือก ตัวควบคุมตัวแก้ไข Rich Text แล้วเลือก เพิ่ม
เลือก เว็บ โทรศัพท์ และ แท็บเล็ต หากคุณต้องการให้แอปไคลเอ็นต์ทั้งหมดมีความสามารถในการใช้ Rich Text ในคอลัมน์ จากนั้นเลือก ตกลง เพื่อใช้การกำหนดค่าตัวควบคุมตัวแก้ไข Rich Text เริ่มต้น หากคุณต้องการเปลี่ยนการกำหนดค่าตัวควบคุมตัวแก้ไข Rich Text โปรดดู ตัวเลือกการกำหนดค่าตัวควบคุมตัวแก้ไข Rich Text.
บันทึกและเผยแพร่ฟอร์ม
ตัวเลือกตัวควบคุมตัวแก้ไข Rich Text
ตัวควบคุมตัวแก้ไข Rich Text มาพร้อมกับชุดตัวเลือกการกำหนดค่าที่หลากหลาย ซึ่งทำให้สามารถปรับแต่งลักษณะที่ปรากฏ คุณลักษณะ และลักษณะการทำงานได้ ในการกำหนดค่าตัวควบคุมตัวแก้ไข Rich Text ให้ทำตามขั้นตอนเหล่านี้:
- สร้างไฟล์ JSON ที่มีโครงสร้าง defaultSupportedProps และ การกำหนดค่า ด้วยการเปลี่ยนแปลงที่คุณต้องการ ข้อมูลเพิ่มเติม: ตัวอย่างการกำหนดค่าตัวแก้ไข Rich Text และ คุณสมบัติตัวแก้ไข Rich Text
- ใน Power Apps สร้างทรัพยากรบนเว็บชนิด Script(JScript) โดยใช้ไฟล์ JSON ที่สร้างในขั้นตอนที่ 1 ข้อมูลเพิ่มเติม: สร้างหรือแก้ไขทรัพยากรเว็บของแอปแบบจำลองเพื่อขยายแอป
- เปิดหน้า คุณสมบัติของคอลัมน์ สำหรับคอลัมน์ข้อความที่มีตัวควบคุมตัวแก้ไข Rich Text จากนั้นถัดจาก RichTextEditorControl_URL เลือก แก้ไข

- เลือก ผูกกับค่าคงที่ ป้อน URL สัมพัทธ์ไปยังทรัพยากรบนเว็บ JavaScript ในกล่องถัดจาก SingleLine.URL แล้วเลือก ตกลง URL สัมพัทธ์อยู่ในข้อกำหนดทรัพยากรบนเว็บ
- เลือก ตกลง เพื่อปิดหน้า คุณสมบัติคอลัมน์
- บนแถบคำสั่งของตัวแก้ไขฟอร์ม เลือก เผยแพร่
แนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้ตัวแก้ไข Rich Text
พิจารณาสิ่งต่อไปนี้เมื่อใช้ตัวแก้ไข Rich Text:
ประสิทธิภาพที่ดีที่สุดจะทำได้เมื่อขนาดเนื้อหา HTML ไม่เกิน 1 MB เมื่อขนาดเนื้อหา HTML ของคุณเกิน 1 MB คุณอาจสังเกตเห็นเวลาตอบสนองที่ช้าลงสำหรับการโหลดและแก้ไขเนื้อหา โดยค่าเริ่มต้น เนื้อหารูปภาพจะอ้างอิงจากเนื้อหา HTML แต่ไม่ได้จัดเก็บเป็นส่วนหนึ่งของเนื้อหา HTML ดังนั้น ในการตั้งค่าคอนฟิกเริ่มต้น รูปภาพจะไม่ส่งผลเสียต่อประสิทธิภาพการทำงาน
ช่อง Rich text จะจัดเก็บแท็ก HTML ที่จำเป็นสำหรับการจัดรูปแบบพร้อมกับข้อมูลที่ผู้ใช้ป้อน เมื่อกำหนดขนาดสูงสุดสำหรับฟิลด์ของคุณ ตรวจสอบให้แน่ใจว่าได้กำหนดขนาดที่ใหญ่พอสำหรับทั้งแท็ก HTML และข้อมูลที่ผู้ใช้ป้อน
ตามค่าเริ่มต้น โปรแกรมแก้ไข Rich Text จะอัปโหลดภาพไปยังที่เก็บข้อมูล Azure Blob และจะไม่ถูกจัดเก็บเป็นส่วนหนึ่งของฟิลด์ รูปภาพจะถูกจัดเก็บในฟิลด์เดียวกับ Base64 เมื่อผู้ส่งไม่มีสิทธิ์ในเอนทิตี msdyn_richtextfiles เนื้อหาของ Base64 มีขนาดใหญ่มาก ดังนั้นโดยทั่วไปคุณไม่ต้องการจัดเก็บภาพเป็น base64
คุณสมบัติตัวแก้ไข Rich Text
ไฟล์ JSON ประกอบด้วยคุณสมบัติที่ตั้งค่าเป็นคู่ของชื่อและค่า การกำหนดค่ามีสองชนิด: ส่วน defaultSupportedProps และการตั้งค่าคอนฟิกแต่ละรายการที่ให้ฟังก์ชันต่างๆ
defaultSupportedProps คือชุดของคุณสมบัติสำหรับปลั๊กอิน และรวมถึงการสนับสนุนสำหรับการกำหนดค่า CKEditor ทั้งหมด สำหรับข้อมูลเพิ่มเติม โปรดดู defaultSupportProps defaultSupportedProps ไม่ได้จำกัดเฉพาะคุณสมบัติปลั๊กอินที่จัดทำเอกสารจาก CKEditor เท่านั้น แต่ยังช่วยให้คุณสามารถตั้งค่าคุณสมบัติสำหรับปลั๊กอินเพิ่มเติมที่คุณเพิ่มหรือสร้าง สำหรับข้อมูลเพิ่มเติมเกี่ยวกับปลั๊กอิน โปรดดู ใช้ปลั๊กอินเพื่อขยายกระบวนการธุรกิจ
การตั้งค่าการกำหนดค่าแต่ละรายการช่วยให้คุณสามารถเปลี่ยนลักษณะการทำงานและหน้าที่ของตัวแก้ไขได้
การจัดรูปแบบการแสดงของไฟล์การกำหนดค่าตัวแก้ไข Rich Text
ภาพสองภาพต่อไปนี้ระบุส่วนการกำหนดค่าสองส่วน สำหรับไฟล์การกำหนดค่าแบบเต็ม ดูที่ ใช้ทรัพยากรบนเว็บสำหรับการเปลี่ยนแปลงทั้งองค์กร
defaultSupportedProps
การตั้งค่าการกำหนดค่ารายบุคคล
defaultSupportedProps
คุณสามารถกำหนดค่าคุณสมบัติที่รองรับ CKEditor ทั้งหมดภายใต้คุณสมบัตินี้ การกำหนดค่าที่ใช้กันทั่วไปและแบบกำหนดเองบางส่วนได้อธิบายไว้ด้านล่าง สำหรับเอกสารฉบับสมบูรณ์เกี่ยวกับการกำหนดค่า CKEditor โปรดดู CKEditor.config
| แอตทริบิวต์ | รายละเอียด | ค่าเริ่มต้น |
|---|---|---|
| height |
ตั้งค่าความสูงเริ่มต้นของตัวแก้ไขเนื้อหา ค่าเริ่มต้นคือ 185 พิกเซล |
|
| font_defaultLabel |
ตั้งค่าป้ายชื่อเริ่มต้นที่แสดงในแถบเครื่องมือสำหรับแบบอักษร ค่าเริ่มต้นคือ Segoe UI |
|
| fontSize_defaultLabel |
ตั้งค่าป้ายชื่อเริ่มต้นที่แสดงในแถบเครื่องมือสำหรับขนาดแบบอักษร ค่าเริ่มต้นคือ 9 |
|
| stickyStyle |
ตั้งค่าขนาดแบบอักษรเริ่มต้นจริงและรูปแบบ นอกจากนี้ คุณสามารถรวมคุณสมบัติ CSS อื่น ๆ ที่คุณต้องการตั้งเป็นส่วนหนึ่งของการกำหนดรูปแบบเริ่มต้นของคุณ |
|
| toolbarLocation |
ตำแหน่งของส่วนติดต่อผู้ใช้ที่จะแสดงแถบเครื่องมือ ค่าที่รองรับคือ ด้านบน และ ด้านล่าง ค่าเริ่มต้นคือ ด้านล่าง |
|
| แถบเครื่องมือ |
รายการปุ่มแถบเครื่องมือที่จะโหลด |
|
| ปลั๊กอิน |
รายการปลั๊กอินที่คั่นด้วยจุลภาคที่จะใช้ในอินสแตนซ์ตัวแก้ไข โปรดทราบว่าปลั๊กอินจริงที่โหลดอาจยังคงได้รับผลกระทบจากการตั้งค่าอื่นๆ อีกสองอย่าง: extraPlugins และ removePlugins |
|
| extraPlugins |
รายการปลั๊กอินเพิ่มเติมที่คั่นด้วยเครื่องหมายจุลภาคที่จะโหลด การตั้งค่านี้ช่วยให้เพิ่มปลั๊กอินใหม่ได้ง่ายขึ้นโดยไม่ต้องเปลี่ยนแปลงการตั้งค่าปลั๊กอิน |
|
| removePlugins |
รายการของปลั๊กอินที่ต้องไม่โหลด การตั้งค่านี้ช่วยให้หลีกเลี่ยงการโหลดปลั๊กอินบางายการที่กำหนดไว้ในการตั้งค่าปลั๊กอิน/ extraPlugins โดยไม่ต้องเปลี่ยนแปลงใดๆ |
|
| superimageImageMaxSize |
ขนาดสูงสุดเป็นเมกะไบต์ (MB) ที่อนุญาตสำหรับภาพที่ฝังเมื่อใช้ปลั๊กอินภาพซ้อนทับ ค่าเริ่มต้นคือ 5 |
|
การตั้งค่าการกำหนดค่ารายบุคคล
คุณสามารถกำหนดการตั้งค่าการกำหนดค่าเพิ่มเติมที่มีผลต่อการทำงานของตัวแก้ไขของคุณ
| แอตทริบิวต์ | รายละเอียด | ค่าเริ่มต้น |
|---|---|---|
| disableContentSanitization |
|
|
| disableDefaultImageProcessing |
โดยค่าเริ่มต้น รูปภาพจะถูกอัปโหลดโดยใช้ API ไคลเอ็นต์ ทันทีที่มีการเพิ่มรูปภาพลงในตัวแก้ไข รูปภาพนั้นจะถูกอัปโหลดไปยังแพลตฟอร์ม ในการประมวลผลรูปภาพ ให้ตั้งค่าคุณสมบัตินี้เป็น true |
|
| disableImages |
การตั้งค่าคุณสมบัตินี้เป็น true จะปิดการใช้งานรูปภาพ คุณสมบัตินี้จะมีลำดับความสำคัญสูงสุด ซึ่งหมายความว่าเมื่อคุณสมบัตินี้ถูกตั้งค่าเป็น true โดยไม่คำนึงถึงค่าคุณสมบัติ imageEntity รูปภาพจะถูกปิดใช้งาน ตามค่าเริ่มต้น รูปภาพจะถูกเปิดใช้งาน |
|
| externalPlugins |
เมื่อใช้คุณสมบัตินี้ คุณสามารถเขียนปลั๊กอินของคุณเองและใช้ในตัวควบคุมตัวแก้ไข Rich Text |
ไม่มีค่าเริ่มต้นเนื่องจากเป็นวิธีที่คุณสามารถขยายฟังก์ชันการทำงานของคุณได้โดยการเพิ่มปลั๊กอินเพิ่มเติมที่ไม่ได้ให้มาแต่แรก ตัวอย่าง:
ตัวอย่าง:
|
| imageEntity |
ด้วยการตั้งค่าคุณสมบัตินี้ คุณสามารถหลีกเลี่ยงการใช้ตารางเริ่มต้นสำหรับรูปภาพเพื่อบังคับใช้การรักษาความปลอดภัยเพิ่มเติมได้หากจำเป็น |
|
| showAsTabControl |
ด้วยการตั้งค่าคุณสมบัตินี้ คุณสามารถแสดงคำสั่งเพิ่มเติมเหนือหน้าต่างตัวแก้ไข ต้องตั้งค่าเป็นจริงเพื่อเปิดใช้งานแอตทริบิวต์ต่อไปนี้:
|
|
| showFullScreenExpander |
คุณสมบัตินี้เพิ่มฟังก์ชันขยาย/ยุบแบบเต็มหน้าจอ ซึ่งช่วยให้คุณสามารถขยายและใช้ตัวแก้ไขในโหมดเต็มหน้าจอ ขึ้นอยู่กับ showAsTabControl ตั้งค่าเป็นจริง |
|
| showHtml |
คุณสมบัตินี้เพิ่มตัวเลือกเพื่อแสดงและแก้ไขเนื้อหา html โดยตรง ขึ้นอยู่กับ showAsTabControl ตั้งค่าเป็นจริง |
|
| showPreview |
คุณสมบัตินี้เพิ่มตัวเลือกเพื่อแสดตัวอย่างเนื้อหาตัวแก้ไขที่แสดงเป็น html การแสดงตัวอย่างช่วยให้คุณเห็นว่าเนื้อหาของคุณจะแสดงอย่างไรหากคุณแชร์และแสดงผลเนื้อหาเป็น HTML นอกตัวแก้ไข ขึ้นอยู่กับ showAsTabControl ตั้งค่าเป็นจริง |
|
| showPreviewHeaderWarning |
คุณสมบัตินี้ช่วยให้คุณแสดง/ซ่อนข้อความเตือนที่แสดงเมื่อดูตัวอย่างเนื้อหา ขึ้นอยู่กับ showAsTabControl และ showPreview ตั้งค่าเป็นจริง |
|
การกําหนดค่าโปรแกรมแก้ไขข้อความแบบ Rich Text ตัวอย่าง
ตัวอย่างข้อมูลตัวอย่างโค้ดการกำหนดค่าของโปรแกรมแก้ไขข้อความ Rich Text ต่อไปนี้สามารถใช้เพื่อเปิดใช้งานประสบการณ์ Rich Text บางชนิด สำหรับแต่ละตัวอย่าง คุณสร้างทรัพยากรบนเว็บ JSON ข้อมูลเพิ่มเติม: ตัวเลือกการกำหนดค่าการควบคุมตัวแก้ไข Rich Text
เพิ่มตัวขยายแบบเต็มหน้าจอ
{ "showAsTabControl": true, "showFullScreenExpander": true }
เพิ่มแท็บมุมมองแหล่งที่มา HTML
{ "showAsTabControl": true, "showHtml": true }
เพิ่มแถบเครื่องมือง่ายๆ ที่มีขนาดตัวอักษร ตัวหนา ตัวเอียง ขีดเส้นใต้ และไฮไลต์
{ "defaultSupportedProps": {"toolbar":[{ "items": ["FontSize", "Bold", "Italic", "Underline", "BGColor"]}] }}
ลบแถบเครื่องมือเพื่อสร้างพื้นผิวการแสดงผล Rich Text
{ "defaultSupportedProps": {"toolbar":[] }}
เพิ่มรายการแบบอักษรใหม่ และตั้งค่า Brush Script MT เป็นแบบอักษรเริ่มต้น โดยมีขนาดเริ่มต้น 20 px
{ "defaultSupportedProps": {"font_names":"Brush Script MT/'Brush Script MT', cursive;Calibri/Calibri, Helvetica, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;", "font_defaultLabel":"Brush Script MT", "fontSize_sizes":"8/8px;12/12px;20/20px;32/32px", "fontSize_defaultLabel":"20", "stickyStyle":{"font-size":"20px", "font-family":"'Brush Script MT', cursive"} }}
วางตำแหน่งแถบเครื่องมือที่ด้านบนสุดของตัวแก้ไข Rich Text
{ "defaultSupportedProps": {"toolbarLocation":"top" }}
เริ่มตัวแก้ไขที่ความสูง 30 พิกเซล จากนั้นขยายอัตโนมัติเพื่อให้พอดีกับเนื้อหา
{ "defaultSupportedProps": { "autoGrow_onStartup": false , "autoGrow_maxHeight": 0 , "autoGrow_minHeight": 30 , "height": 30 }}
แก้ไขความสูงของตัวแก้ไขที่ 500 px
{ "defaultSupportedProps": { "removePlugins":["autogrow"], "height": 500 }}
สร้างพื้นผิวข้อความธรรมดาที่ลบแท็ก html ทั้งหมด (ยกเว้นแท็ก "br")
{ "defaultSupportedProps": { "enterMode": 2 , "shiftEnterMode": 2 , "allowedContent":"*", "disallowedContent":"*", "forcePasteAsPlainText": true , "toolbar":[], "removePlugins":"contextmenu,liststyle,openlink,tableresize,tableselection,tabletools" }, "disableImages": true}}
ลบเมนูบริบทออกเพื่อให้การคลิกขวาทำงานได้กับการตรวจสอบการสะกดของเบราว์เซอร์เริ่มต้น
การเปิดใช้งานฟังก์ชันนี้จะลบความสามารถในการแก้ไขคลิกขวาตามบริบท
{ "defaultSupportedProps": { "removePlugins":"contextmenu,liststyle,openlink,tableresize,tableselection,tabletools" }}
ใช้ทรัพยากรบนเว็บสำหรับการเปลี่ยนแปลงทั้งองค์กร
ทรัพยากรบนเว็บ RTE เริ่มต้นพร้อมใช้งานกับชื่อที่แสดง RTEGlobalConfiguration.json การกำหนดค่านี้ใช้สำหรับอินสแตนซ์ทั้งหมดของตัวควบคุม RTE และสามารถใช้เพื่อทำการเปลี่ยนแปลงทั้งองค์กร ซึ่งรวมถึง RTE ที่ใช้ในบันทึกย่อ Rich Text ของเส้นเวลา การจัดการข้อมูลความรู้ และฟิลด์บรรทัดเดียวและฟิลด์หลายบรรทัดที่ตั้งค่าคอนฟิกให้ใช้ตัวควบคุม RTE
{
"defaultSupportedProps": {
"autoGrow_onStartup": true,
"basicEntities": true,
"browserContextMenuOnCtrl": true,
"copyFormatting_allowRules": true,
"customConfig": "",
"dialog_backgroundCoverColor": "black",
"disableNativeSpellChecker": false,
"enterMode": 3,
"extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,find,floatpanel,font,indentblock,justify,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools",
"fillEmptyBlocks": true,
"font_defaultLabel": "Segoe UI",
"font_names": "Angsana New/'Angsana New', 'Leelawadee UI', Sathu, serif;Arial/Arial, Helvetica, sans-serif;Arial Black/'Arial Black', Arial, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;Calibri/Calibri, Helvetica, sans-serif;Cambria/Cambria, Georgia, serif;Candara/Candara, Optima, sans-serif;Century Gothic/'Century Gothic', sans-serif;Comic Sans MS/'Comic Sans MS';Consolas/Consolas, Courier, monospace;Constantia/Constantia, 'Hoefler Text', serif;Corbel/Corbel, Skia, sans-serif;Cordia New/'Cordia New', 'Leelawadee UI', Silom, sans-serif;Courier New/'Courier New';DaunPenh/DaunPenh, 'Leelawadee UI', 'Khmer MN', sans-serif;Franklin Gothic Book/'Franklin Gothic Book', 'Avenir Next Condensed', sans-serif;Franklin Gothic Demi/'Franklin Gothic Demi', 'Avenir Next Condensed Demi Bold', sans-serif;Franklin Gothic Medium/'Franklin Gothic Medium', 'Avenir Next Condensed Medium', sans-serif;Garamond/Garamond, Georgia, serif;Gautami/Gautami, 'Nirmala UI', 'Telugu MN', sans-serif;Georgia/Georgia, serif;Impact/Impact, Charcoal, sans-serif;Iskoola Pota/'Iskoola Pota', 'Nirmala UI', 'Sinhala MN', sans-serif;Kalinga/Kalinga, 'Nirmala UI', 'Oriya MN', sans-serif;Kartika/Kartika, 'Nirmala UI', 'Malayalam MN', sans-serif;Latha/Latha, 'Nirmala UI', 'Tamil MN', sans-serif;Leelawadee UI/'Leelawadee UI', Thonburi, sans-serif;Lucida Console/'Lucida Console', Monaco, monospace;Lucida Handwriting/'Lucida Handwriting', 'Apple Chancery', cursive;Lucida Sans Unicode/'Lucida Sans Unicode';Mangal/Mangal, 'Nirmala UI', 'Devanagari Sangam MN', sans-serif;Nirmala UI/'Nirmala UI', sans-serif;Nyala/Nyala, Kefa, sans-serif;Palatino Linotype/'Palatino Linotype', 'Book Antiqua', Palatino, serif;Raavi/Raavi, 'Nirmala UI', 'Gurmukhi MN', sans-serif;Segoe UI/'Segoe UI', 'Helvetica Neue', sans-serif;Shruti/Shruti, 'Nirmala UI', 'Gujarati Sangam MN', sans-serif;Sitka Heading/'Sitka Heading', Cochin, serif;Sitka Text/'Sitka Text', Cochin, serif;Sylfaen/Sylfaen, Mshtakan, Menlo, serif;TW Cen MT/'TW Cen MT', 'Century Gothic', sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/'Times New Roman', Times, serif;Times/Times, 'Times New Roman', serif;Trebuchet MS/'Trebuchet MS';Tunga/Tunga, 'Nirmala UI', 'Kannada MN', sans-serif;Verdana/Verdana, Geneva, sans-serif;Vrinda/Vrinda, 'Nirmala UI', 'Bangla MN', sans-serif;メイリオ/Meiryo, メイリオ, 'Hiragino Sans', sans-serif;仿宋/FangSong, 仿宋, STFangsong, serif;微軟正黑體/'Microsoft JhengHei', 微軟正黑體, 'Apple LiGothic', sans-serif;微软雅黑/'Microsoft YaHei', 微软雅黑, STHeiti, sans-serif;新宋体/NSimSun, 新宋体, SimSun, 宋体, SimSun-ExtB, 宋体-ExtB, STSong, serif;新細明體/PMingLiU, 新細明體, PMingLiU-ExtB, 新細明體-ExtB, 'Apple LiSung', serif;楷体/KaiTi, 楷体, STKaiti, serif;標楷體/DFKai-SB, 標楷體, BiauKai, serif;游ゴシック/'Yu Gothic', 游ゴシック, YuGothic, sans-serif;游明朝/'Yu Mincho', 游明朝, YuMincho, serif;隶书/SimLi, 隶书, 'Baoli SC', serif;黑体/SimHei, 黑体, STHeiti, sans-serif;굴림/Gulim, 굴림, 'Nanum Gothic', sans-serif;궁서/Gungsuh, 궁서, GungSeo, serif;돋움/Dotum, 돋움, AppleGothic, sans-serif;맑은 고딕/'Malgun Gothic', '맑은 고딕', AppleGothic, sans-serif;바탕/Batang, 바탕, AppleMyungjo, serif;바탕체/BatangChe, 바탕체, AppleMyungjo, serif;MS Pゴシック/'MS PGothic', 'MS Pゴシック', 'MS Gothic', 'MS ゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;MS P明朝/'MS PMincho', 'MS P明朝', 'MS Mincho', 'MS 明朝', 'Hiragino Mincho ProN', serif",
"fontSize_defaultLabel": "9",
"fontSize_sizes": "8/8pt;9/9pt;10/10pt;11/11pt;12/12pt;14/14pt;16/16pt;18/18pt;20/20pt;22/22pt;24/24pt;26/26pt;28/28pt;36/36pt;48/48pt;72/72pt;",
"height": 185,
"keystrokes": [],
"qtCellBorderColor": "rgb(171, 171, 171)",
"qtCellBorderStyle": "solid",
"qtCellBorderWidth": "1px",
"qtCellPadding": "1",
"qtCellSpacing": "0",
"qtCellWith": "120px",
"qtColumns": 8,
"qtRows": 6,
"qtStyle": {
"border-collapse": "collapse",
"font-size": "9pt"
},
"removeDialogTabs": "flash:Upload;link:upload",
"removePlugins": "a11yhelp,codemirror,liststyle,magicline,scayt,showborders",
"skin": "superowa",
"stickyStyle": {
"font-size": "9pt",
"font-family": "'Segoe UI','Helvetica Neue',sans-serif"
},
"stickyStyles_defaultTag": "div",
"superimageImageMaxSize": 5,
"toolbarcollapser_enableResizer": true,
"toolbarLocation": "bottom",
"uploadRecordId": []
},
"disableContentSanitization": false,
"disableDefaultImageProcessing": false,
"disableImages": false,
"imageEntity": {
"imageEntityName": "msdyn_richtextfiles",
"imageFileAttributeName": "msdyn_imageblob"
},
"showAsTabControl": false,
"showFullScreenExpander": false,
"showHtml": false,
"showPreview": false,
"showPreviewHeaderWarning": false}
}
ค้นหาการตั้งค่าปัจจุบันสำหรับการกำหนดค่าตัวแก้ไข Rich Text
ใน Microsoft Edge หรือเว็บเบราว์เซอร์ Google Chrome เรียกใช้แอปแบบจำลองของคุณและเปิดฟอร์มที่มีการควบคุมตัวแก้ไข Rich Text เช่น แถวบัญชี
กด Ctrl ค้างไว้ในขณะที่คลิกพื้นที่ควบคุมตัวแก้ไข Rich Text จากนั้นเลือก ตรวจสอบ
ในบานหน้าต่างการตรวจสอบ เลือกแท็บ คอนโซล แล้วเลือกหน้า Main.aspx หลักในกล่องรายการแบบหล่นลงบนแถบคำสั่ง
เลือก ล้างคอนโซล บนแถบคำสั่งบานหน้าต่างการตรวจสอบ
ในคอนโซลบานหน้าต่างการตรวจสอบ ให้ป้อน CKEDITOR.config. เพื่อแสดงการกำหนดค่าต่างๆ
เลือกการกำหนดค่า เช่น autoGrow_minHeight เพื่อแสดงการตั้งค่าปัจจุบัน
ใช้แถบเครื่องมือตัวแก้ไข Rich Text
แถบเครื่องมือตัวแก้ไข Rich Text มีคุณลักษณะและฟังก์ชันการทำงานที่ช่วยให้คุณสามารถทำงานกับรูปแบบ Rich Text ในบันทึกย่อและอีเมล
ตัวเลือกการจัดรูปแบบ
ตารางต่อไปนี้อธิบายคุณลักษณะการจัดรูปแบบและตัวเลือกการทำงานต่างๆ ที่มีอยู่ในตัวแก้ไข Rich Text ที่คุณสามารถใช้ในบันทึกย่อและอีเมล
หมายเหตุ
คุณสามารถเข้าถึงเมนูบริบทของเบราว์เซอร์ได้โดยเลือก Ctrl + คลิกขวา สิ่งนี้มีประโยชน์หากคุณจำเป็นต้องใช้ตัวตรวจการสะกดแบบในตัวของเบราว์เซอร์ มิฉะนั้น คุณสามารถคลิกขวาเพื่อจัดรูปแบบตามบริบทสำหรับองค์ประกอบใดๆ ที่คุณใช้อยู่
| Icon | ชื่อ | คีย์ลัด | รายละเอียด |
|---|---|---|---|
![]() |
ตัวคัดวางรูปแบบ | Ctrl+Shift+C, Ctrl+Shift+V | นำลักษณะของส่วนเฉพาะไปใช้กับส่วนอื่น |
![]() |
แบบอักษร | Ctrl+Shift+F | เลือกแบบอักษรที่คุณต้องการ แบบอักษรเริ่มต้นคือ Segoe UI หมายเหตุ: เมื่อคุณเลือกเนื้อหาที่จัดรูปแบบแล้ว ชื่อแบบอักษรสำหรับเนื้อหานั้นจะปรากฏขึ้น หากการเลือกของคุณมีแบบอักษรหลายแบบ ชื่อแบบอักษรด้านบนสุดที่คุณเลือกจะปรากฏขึ้น |
![]() |
ขนาดแบบอักษร | Ctrl+Shift+P | เปลี่ยนขนาดของข้อความของคุณ ขนาดเริ่มต้นคือ 12 หมายเหตุ: เมื่อคุณเลือกเนื้อหาที่จัดรูปแบบแล้ว ขนาดแบบอักษรสำหรับเนื้อหานั้นจะปรากฏขึ้น หากการเลือกของคุณมีขนาดแบบอักษรหลายขนาด ชื่อแบบอักษรด้านบนสุดที่คุณเลือกจะปรากฏขึ้น |
![]() |
Bold | Ctrl+B | ทำให้ข้อความของคุณเป็นตัวหนา |
![]() |
Italic | Ctrl+I | ทำให้ข้อความของคุณเป็นตัวเอียง |
![]() |
ขีดเส้นใต้ | Ctrl+U | ขีดเส้นใต้ข้อความของคุณ |
![]() |
สีที่ใช้เน้นข้อความ | ทำให้ข้อความของคุณโดดเด่นโดยการเน้นด้วยสีสดใส | |
![]() |
สีแบบอักษร | เปลี่ยนสีของข้อความของคุณ | |
![]() |
เครื่องหมายหน้าหัวข้อ | สร้างรายการสัญลักษณ์แสดงหัวข้อย่อย | |
![]() |
การกำหนดหมายเลข | สร้างรายการลำดับเลข | |
![]() |
ลดการเยื้อง | เลื่อนย่อหน้าของคุณให้ใกล้กับระยะขอบมากขึ้น | |
![]() |
เพิ่มการเยื้อง | ย้ายย่อหน้าของคุณออกห่างจากระยะขอบ | |
![]() |
บล็อกข้อความที่อ้างอิง | ใช้รูปแบบคำพูดระดับบล็อคในเนื้อหาของคุณ | |
![]() |
จัดชิดซ้าย | Ctrl+L | จัดวางเนื้อหาของคุณตรงกับระยะขอบซ้าย (โดยทั่วไปใช้สำหรับเนื้อความเพื่อให้อ่านง่ายขึ้น) |
![]() |
จัดกึ่งกลาง | Ctrl+E | จัดเนื้อหาของคุณกึ่งกลางหน้า (ใช้สำหรับลักษณะที่ปรากฏเป็นทางการ) |
![]() |
จัดชิดขวา | Ctrl+R | จัดเนื้อหาของคุณให้ชิดขอบขวา (ใช้สำหรับลักษณะที่ปรากฏเป็นทางการ) |
![]() |
ลิงก์ | สร้างลิงค์ในเอกสารของคุณเพื่อการเข้าถึงเว็บเพจและไฟล์ด่วน ข้อความ URL ที่วางหรือพิมพ์จะถูกแปลงเป็นลิงค์ ตัวอย่างเช่น "http://myexample.com" จะกลายเป็น "http://myexample.com" ในกล่องโต้ตอบ ลิงก์ ให้เลือกชนิดของลิงก์ที่คุณต้องการแทรก แท็บ ข้อมูลลิงก์ ช่วยให้คุณสามารถเลือกชนิดของลิงก์ ตลอดจนการตั้งค่าโพรโทคอลในการเชื่อมโยงและ URL แท็บ เป้าหมาย จะพร้อมใช้งานสำหรับชนิดการเชื่อมโยง URL เท่านั้น ซึ่งจะระบุตำแหน่งที่ตั้งที่การเชื่อมโยงจะเปิดขึ้น หลังจากที่คุณเลือก |
|
![]() |
ยกเลิกเชื่อมโยง | ลบลิงก์ในอีเมลหรือเอกสารของคุณ เมื่อคุณวางเคอร์เซอร์ไว้ที่ลิงก์ ปุ่ม ยกเลิกการเชื่อมโยง บนแถบเครื่องมือจะกลายเป็นใช้งานอยู่ เลือกปุ่มเพื่อลบการเชื่อมโยง และทำให้เป็นข้อความธรรมดา |
|
![]() |
ตัวยก | พิมพ์ตัวอักษรขนาดเล็กมากเหนือบรรทัดข้อความ | |
![]() |
ตัวห้อย | พิมพ์ตัวอักษรขนาดเล็กมากใต้บรรทัดข้อความ | |
![]() |
ขีดฆ่า | ขีดฆ่าข้อความโดยการลากเส้นผ่าน | |
![]() |
แทรกรูปภาพ | คุณสามารถแทรกรูปภาพโดยการคัดลอกและวางแบบอินไลน์ในตัวแก้ไข ลากและวางจากเดสก์ท็อปหรือโฟลเดอร์ภายในเครื่องลงในตัวแก้ไขโดยตรง หรือโดยการพิมพ์ URL รูปแบบต่อไปนี้ได้รับการสนับสนุน: .PNG, .JPG., or .GIF. วิธีแทรกภาพแบบอินไลน์ในบทความของคุณ: 1. ลากและวางภาพ หรือคัดลอกแล้ววางลงในบทความโดยตรง 2. ลากมุมใดก็ได้ของภาพเพื่อปรับขนาด ในการแทรกภาพโดยใช้ URL หรือไปที่ภาพในเครื่อง: 1. เลือกแทรกรูปภาพ 2. ในกล่องโต้ตอบคุณสมบัติ รูปภาพ ให้เลือกจากตัวเลือกต่อไปนี้:
หมายเหตุ: |
|
![]() |
ซ้ายไปขวา | เปลี่ยนข้อความเป็น ซ้ายไปขวา สำหรับเนื้อหา เช่น ย่อหน้า ส่วนหัว ตาราง หรือรายการ โดยทั่วไปใช้สำหรับเนื้อหาภาษาแบบสองทิศทาง นี่คือการตั้งค่าเริ่มต้น | |
![]() |
ขวาไปซ้าย | เปลี่ยนข้อความเป็น ขวาไปซ้าย สำหรับเนื้อหา เช่น ย่อหน้า ส่วนหัว ตาราง หรือรายการ โดยทั่วไปใช้สำหรับเนื้อหาภาษาแบบสองทิศทาง การตั้งค่าเริ่มต้นคือ ซ้ายไปขวา | |
![]() |
เลิกทำการพิมพ์ | เลิกทำการเปลี่ยนแปลงที่คุณทำกับเนื้อหา | |
![]() |
ทำซ้ำการพิมพ์ | ทำซ้ำการเปลี่ยนแปลงที่คุณทำกับเนื้อหา | |
![]() |
ล้างการจัดรูปแบบทั้งหมด | ลบการจัดรูปแบบทั้งหมดออกจากข้อความที่เลือก ทำให้เหลือเฉพาะข้อความปกติที่ยังไม่จัดรูปแบบ | |
![]() |
เพิ่มตาราง | เพิ่มตารางลงในเนื้อหาของคุณ หลังจากเพิ่มตาราง คุณสามารถทำสิ่งใดๆ ต่อไปนี้:
|
|
![]() |
ขยายแถบเครื่องมือ | แสดงเมื่อแถบเครื่องมือถูกยุบ และตัวเลือกทั้งหมดไม่ปรากฏขึ้น คลิกเพื่อขยายแถบเครื่องมือ และทำให้ตัวเลือกทั้งหมดปรากฏ |
หมายเหตุ
คุณสามารถเข้าถึงเมนูบริบทของเบราว์เซอร์ได้โดยการกด Ctrl + คลิกขวา สิ่งนี้มีประโยชน์หากคุณต้องใช้ตัวตรวจสอบการสะกดคำในเบราว์เซอร์ของคุณ มิฉะนั้น คุณสามารถใช้คลิกขวาเพื่อการจัดรูปแบบบริบทสำหรับองค์ประกอบใดๆ ที่คุณอาจใช้
ทางลัดของการช่วยสำหรับการเข้าถึง
ตารางต่อไปนี้จะสรุปรายการทางลัดของการช่วยสำหรับการเข้าถึงที่พร้อมใช้งานเมื่อใช้ตัวควบคุมตัวแก้ไข Rich Text คุณสามารถเข้าถึงรายการนี้ในขณะที่เขียนเนื้อหาโดยกด Alt+0
| พิมพ์ข้อความ | คีย์ลัด | รายละเอียด |
|---|---|---|
| ทั่วไป | Alt+F11 | สลับมุมมองแบบเต็มหน้าจอ |
| การนำทางในแท็บ | Alt+Ctrl+0 | ไปที่แถบเครื่องมือตัวแก้ไข |
| การนำทางในแท็บ | Alt + 1 | ไปที่ตัวแก้ไข Rich Text |
| การนำทางในแท็บ | Alt + 2 | ไปยังตัวแก้ไข HTML |
| การนำทางแท็บ | Alt + 3 | ไปยังมุมมองการแสดงตัวอย่าง |
| คำสั่งตัวแก้ไขทั่วไป | Alt+F10 | นำทางไปยังแถบเครื่องมือตัวแก้ไข ย้ายไปที่กลุ่มแถบเครื่องมือถัดไปและก่อนหน้าด้วย Tab และ Shift+Tab เลื่อนไปที่ปุ่มแถบเครื่องมือถัดไปและก่อนหน้าด้วยปุ่มลูกศรขวาหรือลูกศรซ้าย กด Space หรือ Enter เพื่อเปิดใช้งานปุ่มแถบเครื่องมือ |
| คำสั่งตัวแก้ไขทั่วไป | Alt+- | ขยาย/ยุบแถบเครื่องมือตัวแก้ไข |
| คำสั่งตัวแก้ไขทั่วไป | ดูคำอธิบาย | กล่องโต้ตอบตัวแก้ไข: ในกล่องโต้ตอบ ให้กด Tab เพื่อไปยังองค์ประกอบกล่องโต้ตอบถัดไป กด Shift+Tab เพื่อย้ายไปยังองค์ประกอบกล่องโต้ตอบก่อนหน้า กด Enter เพื่อส่งกล่องโต้ตอบ กด ESC เพื่อยกเลิกกล่องโต้ตอบ เมื่อกล่องโต้ตอบมีหลายแท็บ รายการแท็บสามารถเข้าถึงได้ด้วย Alt+F10 หรือกับ Tab ตามลำดับการแท็บกล่องโต้ตอบ รายการแท็บเมื่อโฟกัส ย้ายไปที่แท็บถัดไปและก่อนหน้าด้วยลูกศรขวาและซ้ายตามลำดับ |
| คำสั่งตัวแก้ไขทั่วไป | ดูคำอธิบาย | กล่องรายการตัวแก้ไข: ภายในกล่องรายการ ให้ย้ายไปยังรายการถัดไปด้วย Tab หรือลูกศรชึ้ลง ย้ายไปรายการก่อนหน้าด้วย Shift+Tab หรือลูกศรขึ้น กด Space หรือ Enter เพื่อเลือกตัวเลือกรายการ กด ESC เพื่อปิดกล่องรายการ |
| คำสั่งพื้นฐาน | Ctrl+Z | เลิกทำคำสั่ง |
| คำสั่งพื้นฐาน | Shift+Ctrl+Z | ทำซ้ำคำสั่ง |
| คำสั่งพื้นฐาน | Ctrl+B | คำสั่งตัวหนา |
| คำสั่งพื้นฐาน | Ctrl+I | คำสั่งตัวเอียง |
| คำสั่งพื้นฐาน | Ctrl+U | คำสั่งขีดเส้นใต้ |
| คำสั่งพื้นฐาน | Alt + 0 | วิธีใช้การช่วยสำหรับการเข้าถึง |
| คำสั่งพื้นฐาน | Esc | ยกเลิกการดำเนินงาน |
คำถามที่ถามบ่อย
ถาม: เหตุใดอักขระที่พิมพ์จึงแสดงช้า
A. เนื้อหาขนาดใหญ่อาจทำให้เกิดความล่าช้า สำหรับข้อมูลเพิ่มเติม ดูที่ แนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้ตัวแก้ไข Rich Text การตรวจการสะกดหรือไวยากรณ์อาจทำให้ประสิทธิภาพการพิมพ์ช้าลง
ปัญหาที่ทราบ
- ส่วนเพิ่มราคา HTML จะแสดงสำหรับคอลัมน์ที่กำหนดค่าให้ใช้ตัวควบคุมตัวแก้ไข Rich Text ที่แสดงในส่วนประกอบอื่นที่ไม่ใช่คอลัมน์บนฟอร์ม ตัวอย่างเช่น การดำเนินการนี้เกิดขึ้นในมุมมอง ตารางย่อย รายงานที่มีการแบ่งหน้า และพอร์ทัล

ดูเพิ่มเติม
สร้างและแก้ไขคอลัมน์สำหรับ Microsoft Dataverse โดยใช้พอร์ทัล Power Apps




























