> For the complete documentation index, see [llms.txt](https://docs.tlic.cmu.ac.th/cmucanvas-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tlic.cmu.ac.th/cmucanvas-manual/content-management/page/rich-content-editor.md).

# Rich Content Editor

Rich Content Editor (RCE) คือเครื่องมือแก้ไขและสร้างเนื้อหาภายใน Mango Canvas ที่ช่วยให้อาจารย์สามารถสร้างสื่อการเรียนรู้ได้อย่างสะดวก โดยไม่จำเป็นต้องมีความรู้ด้านการเขียนโปรแกรมหรือ HTML

Rich Content Editor ถูกใช้งานในหลายส่วนของระบบ เช่น Pages, Assignments, Discussions, Announcements, Quizzes และ Syllabus

<figure><img src="/files/oiZLv0d1fuGDf5PcT9n0" alt=""><figcaption></figcaption></figure>

***

## Rich Content Editor คืออะไร

Rich Content Editor เป็นเครื่องมือสำหรับสร้างและแก้ไขเนื้อหาในรูปแบบ WYSIWYG (What You See Is What You Get) ซึ่งช่วยให้ผู้ใช้งานสามารถจัดรูปแบบเนื้อหาได้จากแถบเครื่องมือโดยตรง

อาจารย์สามารถเพิ่มและจัดการเนื้อหาได้หลากหลายรูปแบบภายในหน้าเดียว

<figure><img src="/files/324XQ2Irx1u7Q3pg3YSK" alt=""><figcaption></figcaption></figure>

***

## ความสามารถของ Rich Content Editor

### Text Formatting

จัดรูปแบบข้อความเพื่อให้อ่านง่ายและสื่อสารได้อย่างมีประสิทธิภาพ

สามารถ

* กำหนดหัวข้อ (Headings)
* ตัวหนา (Bold)
* ตัวเอียง (Italic)
* ขีดเส้นใต้ (Underline)
* สีข้อความ
* รายการแบบลำดับเลขและสัญลักษณ์
* การจัดตำแหน่งข้อความ

***

### Insert Links

เพิ่มลิงก์ไปยังแหล่งข้อมูลต่าง ๆ

เช่น

* เว็บไซต์ภายนอก
* Pages ภายในรายวิชา
* Assignments
* Quizzes
* Discussions
* Modules

ช่วยให้ผู้เรียนสามารถเข้าถึงข้อมูลที่เกี่ยวข้องได้อย่างรวดเร็ว

***

### Insert Images

แทรกรูปภาพเพื่อเพิ่มความน่าสนใจและช่วยอธิบายเนื้อหา

สามารถอัปโหลดรูปภาพจาก

* คอมพิวเตอร์
* Course Files
* User Files
* URL ภายนอก

พร้อมทั้งกำหนดข้อความอธิบายภาพ (Alternative Text) เพื่อรองรับการเข้าถึงสำหรับทุกคน (Accessibility)

***

### Insert Media

แทรกสื่อมัลติมีเดียภายในเนื้อหา

เช่น

* วิดีโอ
* ไฟล์เสียง
* สื่อจาก YouTube หรือบริการภายนอก
* สื่อที่จัดเก็บใน Canvas Studio (หากเปิดใช้งาน)

ช่วยสร้างประสบการณ์การเรียนรู้ที่หลากหลายและน่าสนใจมากขึ้น

***

### Insert Documents and Files

แนบไฟล์ประกอบการเรียนการสอนภายในเนื้อหา

เช่น

* PDF
* Word
* PowerPoint
* Excel
* เอกสารประกอบการเรียนอื่น ๆ

ผู้เรียนสามารถเปิดหรือดาวน์โหลดไฟล์ได้โดยตรงจากหน้าเนื้อหา

***

### Insert Course Content

เชื่อมโยงเนื้อหาภายในรายวิชาเข้าด้วยกัน

เช่น

* Modules
* Assignments
* Quizzes
* Discussions
* Pages
* Announcements

ช่วยสร้างโครงสร้างรายวิชาที่เชื่อมโยงและใช้งานง่าย

***

### Insert Tables

สร้างตารางเพื่อจัดระเบียบข้อมูล

เหมาะสำหรับ

* ตารางกำหนดการเรียน
* ตารางคะแนน
* ตารางเปรียบเทียบข้อมูล
* ตารางสรุปเนื้อหา

***

### Accessibility Checker

ตรวจสอบการเข้าถึงของเนื้อหา (Accessibility)

ระบบสามารถช่วยตรวจสอบ เช่น

* การใช้หัวข้อ (Heading Structure)
* ข้อความอธิบายรูปภาพ (Alt Text)
* ความคมชัดของสี
* ตารางที่ไม่เป็นไปตามมาตรฐานการเข้าถึง

ช่วยให้เนื้อหาสามารถเข้าถึงได้สำหรับผู้เรียนทุกกลุ่ม

***

## การใช้งาน Rich Content Editor

Rich Content Editor สามารถพบได้ในหลายส่วนของรายวิชา เช่น

* Pages
* Assignments
* Discussions
* Announcements
* Quizzes
* Syllabus

โดยมีรูปแบบการใช้งานคล้ายกับโปรแกรมประมวลผลคำทั่วไป ทำให้สามารถเรียนรู้และใช้งานได้ง่าย

***

## แนวทางการใช้งานที่แนะนำ

* ใช้ Heading เพื่อจัดลำดับเนื้อหาให้ชัดเจน
* แทรกรูปภาพและสื่อประกอบเพื่อเพิ่มความน่าสนใจ
* เพิ่ม Alternative Text ให้กับรูปภาพทุกครั้ง
* ใช้ลิงก์ภายใน Course แทนการคัดลอก URL โดยตรง
* จัดเนื้อหาให้กระชับและแบ่งเป็นหัวข้อย่อย
* ตรวจสอบ Accessibility Checker ก่อนเผยแพร่เนื้อหา

***

{% hint style="info" %}

### ข้อควรทราบ

* Rich Content Editor เป็นเครื่องมือมาตรฐานที่ใช้ร่วมกันในหลายส่วนของ Mango Canvas
* การเปลี่ยนแปลงเนื้อหาจะมีผลหลังจากกด Save หรือ Save & Publish
* ฟังก์ชันบางรายการอาจแตกต่างกันเล็กน้อยตามประเภทของเนื้อหาที่กำลังแก้ไข
* แนะนำให้ตรวจสอบการแสดงผลทั้งบนคอมพิวเตอร์และอุปกรณ์เคลื่อนที่ก่อนเผยแพร่เนื้อหาให้ผู้เรียน
  {% endhint %}

> Rich Content Editor เป็นเครื่องมือสำคัญในการสร้างสื่อการเรียนรู้บน Mango Canvas ช่วยให้อาจารย์สามารถออกแบบเนื้อหาได้อย่างมืออาชีพ สวยงาม และรองรับการเรียนรู้ในรูปแบบดิจิทัลได้อย่างมีประสิทธิภาพ