ชุดโปรแกรมแก้ไข CKEditor 5

ชุดโปรแกรมแก้ไข CKEditor 5 – Document editor

คือ เครื่องมือ(Tool) ที่ช่วยให้ผู้ใช้งานสามารถเขียนข้อความลงบนเว็บไซต์ได้อย่างสะดวกสบายโดยที่ผู้ใช้ไม่จำเป็นต้องเขียนแท๊ก code ภาษา HTML ใดๆเลย

CKEditor 5 ที่กำหนดไว้ล่วงหน้าคือชุดของโปรแกรมแก้ไข Rich Text ที่พร้อมใช้งาน “build” ทุกตัวจะมีตัวแก้ไขประเภทเดียวพร้อมชุดคุณสมบัติและการกำหนดค่าเริ่มต้น โดยนำเสนอโซลูชันที่สะดวกสบายซึ่งสามารถติดตั้งได้โดยไม่ต้องใช้ความพยายามใดๆ และตอบสนองกรณีการใช้งานการแก้ไขทั่วไปส่วนใหญ่

ซึ่งช่วยให้เขียนเนื้อหาภายในหน้าเว็บหรือแอปพลิเคชันออนไลน์ได้โดยตรง รหัสหลักเขียนด้วย JavaScript และพัฒนาโดย CKSource CKEditor พร้อมใช้งานภายใต้โอเพ่นซอร์สและใบอนุญาตเชิงพาณิชย์

ตัวอย่างเครื่องมือแก้ไขเอกสาร

นี่คือตัวอย่างเนื้อหาตัวแก้ไขเบื้องต้น.

ตัวอย่างการติดตั้ง ในหน้า HTML ของคุณ (cdn ย่อมาจาก Content Delivery Network แปลเป็นไทยว่า เครือข่ายการส่งมอบเนื้อหา เป็นเครือข่ายเซิร์ฟเวอร์ขนาดใหญ่ที่กระจายอยู่ทั่วโลก ทำหน้าที่จัดเก็บและกระจายเนื้อหาเว็บ เช่น รูปภาพ วิดีโอ เป็นต้น ดังนั้นต้องเชื่อมต่อเน็ตถึงจะใช้ได้)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CKEditor 5 – เครื่องมือแก้ไขเอกสาร</title>
<script src="https://cdn.ckeditor.com/ckeditor5/41.4.2/decoupled-document/ckeditor.js"></script>
</head>
<body>
<h5>เครื่องมือแก้ไขเอกสาร</h5>

<div id="toolbar-container"></div>

<div id="editor">
<p>นี่คือตัวอย่างเนื้อหาตัวแก้ไขเบื้องต้น.</p>
</div>

toolbarContainer.appendChild( editor.ui.view.toolbar.element );
} )
.catch( error => {
console.error( error );
} );
</script>
</body>
</html>

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

เมื่อใช้ CDN ไม่จำเป็นต้องดาวน์โหลดเลย CKEditor โฮสต์อยู่บนเซิร์ฟเวอร์ที่กระจายอยู่ทั่วโลก สคริปต์จะถูกโหลดเร็วขึ้นเนื่องจากสคริปต์เหล่านั้นให้บริการจากสถานที่ที่ใกล้ที่สุดไปยังผู้ใช้ปลายทาง หากมีการดาวน์โหลด CKEditor เวอร์ชันเดียวกันแล้ว (แม้ในเว็บไซต์อื่น) เวอร์ชันนั้นจะถูกโหลดจากแคช การใช้ CDN จะช่วยลดจำนวนคำขอ HTTP ที่เซิร์ฟเวอร์ของคุณจัดการ จึงทำให้เร็วขึ้นเช่นกัน