ปัญหาการเช็คค่าใน Text Area ของ TinyMCE

อาการของปัญหานี้คือเมื่อเราเขียนจาวาสคริปต์เพื่อทำการเช็คค่าใน Text Area เพื่อเช็คว่าหากไม่ได้มีการพิมพ์ค่าใดๆไว้ จะให้มีการส่งข้อความเตือน แต่ปรากฏว่าสคริปต์ทั่วไปไม่สามารถทำงานได้ตามปกติเนื่องจากระบบการเซฟข้อมูลของตัว TinyMCE เอง

วิธีแก้ปัญหาคือเพิ่มสคริปต์ในส่วนของปุ่มกดส่งบทความ ให้ตัว TinyMCE ทำการเซฟข้อมูลก่อน แล้วจึงดำเนินการเช็คค่าใน Text Area ตัวอย่างดังสคริปต์ด้านล่างนี้ครับ

<form name="checkForm" method="post" action="" onSubmit="return check()">

<textarea name="detail" rows="25" style="width: 100%"></textarea>

<input type="submit" name="save" value="ส่งบทความ" onclick="tinyMCE.triggerSave();" />

<script lanuage="javascript">
	function check() {
		var v1 = document.checkForm.detail.value;
		if(v1.length==0) {
			alert("กรุณากรอกเนื้อหาด้วยครับ") ;
			return false ;
		} else {
			return true ;
		}
	}
</script>
</form>

ส่วนสำคัญที่เพิ่มเข้าไปคือ onclick="tinyMCE.triggerSave();" นี่เอง

ขอขอบคุณแหล่งข้อมูลอ้างอิง

1. http://www.tinymce.com/forum/viewtopic.php?id=28

แก้ไขล่าสุดเมื่อ 2012-02-01 19:25:56