ทำกล่องโพสแบบ WYSIWYG ckeditor editor ใน smf - Smf Thai - บอร์ด ชุมชนคนทำเว็บ
บอร์ด ชุมชนคนทำเว็บ

ทำกล่องโพสแบบ WYSIWYG ckeditor editor ใน smf

Administrator

  • www.nakhonitech.com
  • *****
  • 102
  • +0/-0
    • ดูรายละเอียด
    • โฮสติ้งนครไอเทค โฮสติ้งราคาถูก
เขียนข้อความได้ง่ายๆเหมือน word
ลากรูปภาพ copy รูปภาพ เนื้อหา มาวางโพสได้ง่ายๆ
 
ตัวอย่าง
http://ckeditor.com/demo
 
ขั้นตอนการติดตั้ง
 
1. ดาวโหลด http://ckeditor.com/download
แตก zip ออกมาจะได้โฟลเดอร์ชื่อ
ckeditor
 
2. นำโฟลเดอร์ ckeditor  ไปไว้ที่เดียวกับโฟลเดอร์ attachments  (ไม่ใช่เอาไว้ข้างใน)
 
3. เปิดไฟล์ Post.template.php ใน \Themes\default
หา
โค๊ด:
// Finally the most important bit - the actual text box to write in!
echo '
ใส่โค้ดนี้ต่อจากที่หา
โค๊ด:
<script type="text/javascript" src="http://localhost/ckeditor/ckeditor.js"></script>
<script src="http://localhost/ckeditor/samples/sample.js" type="text/javascript"></script>
<link href="http://localhost/ckeditor/samples/sample.css" rel="stylesheet" type="text/css" />
เปลี่ยน localhost เป็นชื่อโดเมน เช่น  xxx.com
 
หา
โค๊ด:
<textarea class="editor"
เอาโค้ดนี้ทับ
โค๊ด:
<textarea class="ckeditor"
 
ก็จะได้หน้าตา
WYSIWYG editor
เหมือนแบบนี้ http://ckeditor.com/demo
 
 
 
4. เปิดไฟล์ config.js ใน ckeditor
หา
โค๊ด:
// config.uiColor = '#AADC6E';
เอาโค้ดนี้ทับ
โค๊ด:
// config.uiColor = '#AADC6E';
CKEDITOR.config.enterMode = 2;
 
 
5. เปิดไฟล์ Subs-Post ใน Sources
หา
โค๊ด:
$message = strtr(implode('', $parts), array('  ' => '&nbsp; ', "\n" => '
',
เอาโค้ดนี้ทับ
โค๊ด:
$message = strtr(implode('', $parts), array('  ' => '&nbsp;', "\n" => '<br >', '&amp;lt;' => '&lt;', '&lt;' => '<', '&amp;gt;' => "&gt;", '&gt;' => '>', '&quot;' => '"', '&amp;nbsp;' => '&nbsp;', '&amp;ldquo;' => '&ldquo;', '&amp;rdquo;' => '&rdquo;',
 
6. หากตัวหนังสือในกล่องโพสเล็ก แก้ไขได้ใน
ไฟล์ contents.css ใน ckeditor
โค๊ด:
font-size: 12px;
ใส่ 10pt หรือ 12pt หรือ 14pt แทน   12px     ตามที่ต้องการ
 
 
WYSIWYG editor for smf by yogolas
 
 
เสร็จเรียบร้อย
 
ที่มา http://htmlthai.com/index.php?topic=597.0
โฮสติ้งถูก นครไอเทค ฟรีโฮสติ้ง โฮสติ้งราคาถูก hostingราคาถูก vps วิทยุออนไลน์ ตัวแทนจำหน่าย Reseller Hosting
https://www.nakhonitech.com/