Devdit
 

วิธีส่งข้อมูลใน CKEditor ไปหาไฟล์ PHP ทำอย่างไร

22
<form action="save.php" method="POST">
<div id="editor"></div>
<input type="submit">
</form>

CKEditor เดิมเขียนโปรแกรมไว้แบบด้านบน (โหลดผ่าน div) หากต้องการส่งข้อมูลที่พิมพ์ใน CKEditor ไปหาไฟล์ PHP ผ่านฟอร์ม HTML ต้องแก้ไข div เป็น textarea และกำหนด id เพื่อโหลด CKEditor พร้อมทั้งกำหนด name เพื่อใช้เป็นตัวแปรสำหรับภาษา PHP สามารถเขียนโปรแกรมได้ดังนี้

 

1. แก้ไขจาก div เป็น textarea สำหรับโหลด CKEditor

<form action="save.php" method="POST">
<textarea name="editor" class="form-control" id="editor" placeholder="กรอกรายละเอียด"></textarea>
<input type="submit">
</form>

เปลี่ยน div เป็น textarea และใส่ id = editor เพื่อใช้สำหรับโหลด CKEditor ให้กับ textarea และกำหนด name = editor เพื่อใช้เก็บค่าส่งให้กับ PHP

 

2. โหลด CKEditor ให้ textarea ผ่าน id = editor

<script src="ckeditor.js"></script>
<script>
	ClassicEditor
		.create( document.querySelector( '#editor' ), {
			// toolbar: [ 'heading', '|', 'bold', 'italic', 'link' ]
		} )
		.then( editor => {
			window.editor = editor;
		} )
		.catch( err => {
			console.error( err.stack );
		} );
</script>

กรณี code เดิมมีอยู่แล้วไม่ต้องเขียนซ้ำ ให้เปลี่ยนเฉพาะ document.querySelector เป็น #editor ตามตัวอย่าง

 

3. ไฟล์ PHP รับค่าตัวแปร editor จาก CKEditor

<?php
    isset( $_POST['editor'] ) ? $editor = $_POST['editor'] : $editor = "";
    if( !empty( $editor ) ) {
        
    }
?>

มีการรับ และเช็คตัวแปร $editor ที่รับค่ามาจาก CKEditor

แก้ไข 1 อาทิตย์ที่แล้ว
ชอบ
ลิ้งค์
แชร์