Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > มีใครเคยลองเล่น CKeditor บ้างไหมครับ พอดีมีเรื่องอยากจะถามนิดหน่อยครับ

มีใครเคยลองเล่น CKeditor บ้างไหมครับ พอดีมีเรื่องอยากจะถามนิดหน่อยครับ

เริ่มหัวข้อใหม่

asus

โพสกระทู้ ( 283 )
บทความ ( 0 )

มีใครเคยลองเล่น CKeditor บ้างไหมครับ พอดีมีเรื่องอยากจะถามนิดหน่อยครับ

จากรูป จะเห็นว่า เมื่อมี Add Chapter
กด Chapter 1 จะมี textarea ของ ckeditor ปรากฏขึ้น 2 ตัว
กด Chapter 2 จะมี textarea ของ ckeditor ปรากฏขึ้น 3 ตัว

ในส่วนนี้ อยากจะให้แสดง ckeditor 1 ตัว ต่อ 1 Chapter

ในส่วนนี้ถ้าตัด CKEDITOR ออก จะสามารถ Clone ได้ปกติ จะมี Textarea 1 ช่อง ต่อ 1 Chapter และเป็น ID ตามที่กำหนด

แต่พอลองจับ CKEDITOR ใส่แล้วเพี้ยนดังรูปครับ

เท่าที่ลองไล่ CODE ดูพบว่า ตัว CKEDITOR ถ้ามีค่า ID ซ้ำ จะไม่สามารถพิมพ์ข้อมูลได้

และใช้ CKEditor.instance.destroy() เพื่อลบ CKEDITOR ที่เกินมาออก

แต่ลองใช้งานดูแล้วก็ยังไม่ได้ตรงตามความต้องการครับ

รบกวนขอคำแนะนำหน่อยครับ งมมา 2 วันแล้ว จบปัญญาจริงๆครับ

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title></title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
</head>

<body>
<div class="pull-right"><button type="button" class="btn btn-default" id="chapter"><i class="fa fa-plus"></i> Add Chapter</button></div>
<div class="clearfix"></div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active"><a href="#chapter0" aria-controls="chapter0" role="tab" data-toggle="tab">Chapter 0</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="chapter0">
          <h3>Chapter 0</h3>
              <div class="form-group">
                <label for="writter_detail_description" class="col-sm-2 control-label">detail </label>
                <div class="col-sm-10">
                  <textarea class="form-control editors" name="writter_detail_description[]" id="textarea0" rows="10"></textarea>
                </div>
              </div>
  </div>
</div>
<script src="/ckeditor/ckeditor.js"></script>
<script type="text/javascript">

	$(document).ready(function() {	

		CKEDITOR.replaceAll('editors');	
		$("#chapter").on("click",function(){

			var i = $('.nav-tabs li').length;
			$('.nav-tabs li:last-child').clone().removeClass('active').appendTo(".nav-tabs").find('a').attr('href','#chapter'+i).attr('aria-controls','chapter-'+i).text("Chapter "+i);
			$('.tab-pane:last-child').clone().removeClass('active').appendTo(".tab-content").attr('id','chapter'+i);
			$('.tab-pane:last-child').find('textarea').first().attr('id','textarea'+i);

					CKEDITOR.replace('textarea'+i);	
		});
	});
</script>
</body>
</html>

Tag : PHP

ประวัติการแก้ไข
2015-10-09 12:33:33

Date : 2015-10-09 03:49:54

By : asustak

View : 856

Reply : 4

No. 1

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 8 )

ลองทำเฉพาะ textarea ธรรมดาก่อนครับ ผมว่ามันไปดับเบิลซ้อนกันตรง textarea ธรรมดานี่แหละมั้ง

Date : 2015-10-09 05:10:22

By : mr.v

No. 2

NewbieXYZ

โพสกระทู้ ( 1,636 )
บทความ ( 0 )

แนะนำครับ
สร้าง buffer array เก็บข้อมูล text
แล้วสร้าง textarea เดียว ที่ใช้ ckeditor
แล้ว swap buffer กับ ckedtor เอาครับ

Date : 2015-10-09 08:10:25

By : NewbiePHP

No. 3

asus

โพสกระทู้ ( 283 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.v เมื่อวันที่ 2015-10-09 05:10:22

รายละเอียดของการตอบ ::

textarea ธรรมดาได้ปกติครับ

Date : 2015-10-09 11:12:07

By : asustak

No. 4

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 8 )

แล้วถ้าใช้วิธี ตอนที่กด add chapter ให้ destroy ck editor ให้หมดเลยก่อน ล้างหมดเลย
แล้วค่อยมา activate ใหม่ทีหลังโดยการ activate เป็น class แทนเรียกไป ID อย่างนี้จะได้มั้ยครับ เพราะเห็นคุณบอกว่า textarea ธรรมดาได้ปกติ

Date : 2015-10-09 16:10:11

By : mr.v

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : มีใครเคยลองเล่น CKeditor บ้างไหมครับ พอดีมีเรื่องอยากจะถามนิดหน่อยครับ

รายละเอียด

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

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

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

โดย

อีเมล์

บวกค่าให้ถูก