<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>รวมวิธีการใช้ Wordpress, Joomla, Drupal, Magento และ SEO &#187; ckeditor</title> <atom:link href="http://killthewhat.com/tag/ckeditor/feed/" rel="self" type="application/rss+xml" /><link>http://killthewhat.com</link> <description>Knowledge Base by howhost.com</description> <lastBuildDate>Fri, 24 Dec 2010 15:00:17 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.3</generator> <item><title>ติดตั้ง CKeditor ให้กับ joomla</title><link>http://killthewhat.com/joomla-tutorial/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-ckeditor-%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%81%e0%b8%b1%e0%b8%9a-joomla/</link> <comments>http://killthewhat.com/joomla-tutorial/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-ckeditor-%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%81%e0%b8%b1%e0%b8%9a-joomla/#comments</comments> <pubDate>Tue, 30 Mar 2010 17:54:27 +0000</pubDate> <dc:creator>snappy</dc:creator> <category><![CDATA[Joomla]]></category> <category><![CDATA[ckeditor]]></category> <category><![CDATA[editor]]></category> <category><![CDATA[plugin]]></category> <category><![CDATA[wysiwyg]]></category><guid
isPermaLink="false">http://killthewhat.com/?p=5669</guid> <description><![CDATA[Ckeditor เป็นตัว WYSIWYG ที่ถูกพัฒนาต่อมาจาก fckeditor ซึ่งเป็น editor ที่ผมชอบมากเนื่องจากโหลดไว หน้าตาสวยงาม ผมชอบมาจากของ drupal ก็เลยลองหาของ joomla มาบ้างก็ปรากฏว่ามีทดลองใช้งานดูแล้วสุดยอดครับ วิธีติดตั้งก็ง่ายๆให้เราโหลด JoomlaCK Editor มาทำการติดตั้งตามปกติ จากนั้นไปที่ Extensions > Plugins manager เพื่อการใช้งานของ JoomlaCK Editor จากนั้นไปที่ Site > Global Configuration ไปเปลี่ยน Default WYSIWYG Editor ให้เป็นของ JoomlaCK จากนั้นเราก็จะได้ Ckeditor มาใช้งานแล้วครับ download : http://extensions.joomla.org/extensions/edition/editors/90]]></description> <content:encoded><![CDATA[<p>Ckeditor เป็นตัว WYSIWYG ที่ถูกพัฒนาต่อมาจาก fckeditor ซึ่งเป็น editor ที่ผมชอบมากเนื่องจากโหลดไว หน้าตาสวยงาม ผมชอบมาจากของ drupal ก็เลยลองหาของ joomla<span
id="more-5669"></span> มาบ้างก็ปรากฏว่ามีทดลองใช้งานดูแล้วสุดยอดครับ</p><p>วิธีติดตั้งก็ง่ายๆให้เราโหลด <a
href="http://extensions.joomla.org/extensions/edition/editors/90">JoomlaCK Editor</a> มาทำการติดตั้งตามปกติ จากนั้นไปที่ Extensions > Plugins manager เพื่อการใช้งานของ <a
href="http://extensions.joomla.org/extensions/edition/editors/90">JoomlaCK Editor</a><br
/> <img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0019.png" alt="" title="ckeditor" width="550" height="160" class="aligncenter size-full wp-image-5670" /></p><p>จากนั้นไปที่ Site > Global Configuration ไปเปลี่ยน Default WYSIWYG Editor ให้เป็นของ JoomlaCK<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0026.png" alt="" title="joomlack" width="550" height="321" class="aligncenter size-full wp-image-5671" /></p><p>จากนั้นเราก็จะได้ Ckeditor มาใช้งานแล้วครับ<br
/> <a
href="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0035.png" rel="lightbox[5669]"><img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0035.png" alt="" title="Selection_003" width="550" height="189" class="aligncenter size-full wp-image-5672" /></a></p><p>download : http://extensions.joomla.org/extensions/edition/editors/90</p> ]]></content:encoded> <wfw:commentRss>http://killthewhat.com/joomla-tutorial/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-ckeditor-%e0%b9%83%e0%b8%ab%e0%b9%89%e0%b8%81%e0%b8%b1%e0%b8%9a-joomla/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>ติดตั้ง ckeditor และ ckfinder ใน drupal</title><link>http://killthewhat.com/drupal-tutorials/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-ckeditor-%e0%b9%81%e0%b8%a5%e0%b8%b0-ckfinder-%e0%b9%83%e0%b8%99-drupal/</link> <comments>http://killthewhat.com/drupal-tutorials/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-ckeditor-%e0%b9%81%e0%b8%a5%e0%b8%b0-ckfinder-%e0%b9%83%e0%b8%99-drupal/#comments</comments> <pubDate>Mon, 08 Mar 2010 17:30:00 +0000</pubDate> <dc:creator>snappy</dc:creator> <category><![CDATA[Drupal]]></category> <category><![CDATA[ckeditor]]></category> <category><![CDATA[ckfinder]]></category> <category><![CDATA[wysiwyg]]></category><guid
isPermaLink="false">http://killthewhat.com/?p=5588</guid> <description><![CDATA[จากคราวที่แล้วผมได้ทำการสอนการติดตั้ง ckeditor ไปแล้วซึ่งมันต้องติดตั้งผ่าน wysiwyg module อีกทีและยังไม่สามารถทำการ browse รูปภาพจากเครื่องเราเข้า server ได้ มาคราวนี้ผมจะแนะนำใหม่อีกสักรอบเพราะให้เราใช้งาน ckeditor ได้อย่างสมบูรณ์แบบโดยเราจะใช้งานร่วมกับ ckfinder ในการ browse รูปภาพกันครับ ขั้นตอนการติดตั้ง 1. โหลด module ckeditor มาก่อน http://drupal.org/project/ckeditor 2. โหลด ckeditor มา http://ckeditor.com/download 3. โหลด ckfinder มา http://ckfinder.com/download 4. จากนั้นทำการติดตั้ง module ckeditor จากข้อ 1. ก่อนครับลงใน drupal ของเรา 5. แตกไฟล์ ckeditor ที่ได้มากจากข้อ 2. ลงในตัว module ckeditor โดยไว้ที่ modules/ckeditor/ckeditor ซึ่งไฟล์ข้างในจะมีบอกว่า COPY_HERE.txt [...]]]></description> <content:encoded><![CDATA[<p>จากคราวที่แล้วผมได้ทำการสอน<a
href="http://killthewhat.com/drupal-tutorials/ckeditor-editor-%E0%B8%99%E0%B9%88%E0%B8%B2%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%AD%E0%B8%B5%E0%B8%81%E0%B8%95%E0%B8%B1%E0%B8%A7%E0%B9%83%E0%B8%99-drupal/">การติดตั้ง ckeditor </a>ไปแล้วซึ่งมันต้องติดตั้งผ่าน wysiwyg module อีกที<span
id="more-5588"></span>และยังไม่สามารถทำการ browse รูปภาพจากเครื่องเราเข้า server ได้</p><p>มาคราวนี้ผมจะแนะนำใหม่อีกสักรอบเพราะให้เราใช้งาน ckeditor ได้อย่างสมบูรณ์แบบโดยเราจะใช้งานร่วมกับ ckfinder ในการ browse รูปภาพกันครับ</p><p>ขั้นตอนการติดตั้ง<br
/> 1. โหลด module ckeditor มาก่อน http://drupal.org/project/ckeditor<br
/> 2. โหลด ckeditor มา http://ckeditor.com/download<br
/> 3. โหลด ckfinder มา http://ckfinder.com/download<br
/> 4. จากนั้นทำการติดตั้ง module ckeditor จากข้อ 1. ก่อนครับลงใน drupal ของเรา<br
/> 5. แตกไฟล์ ckeditor ที่ได้มากจากข้อ 2. ลงในตัว module ckeditor โดยไว้ที่ modules/ckeditor/ckeditor ซึ่งไฟล์ข้างในจะมีบอกว่า COPY_HERE.txt<br
/> <a
href="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0031.png" rel="lightbox[5588]"><img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0031.png" alt="" title="Selection_003" width="550" height="276" class="aligncenter size-full wp-image-5589" /></a></p><p>6. แตกไฟล์ ckfinder ในข้อ 3. ลงใน modules/ckeditor/<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0041.png" alt="" title="Selection_004" width="550" height="321" class="aligncenter size-full wp-image-5590" /></p><p>7. ทำการแก้ไขไฟล์ modules/ckeditor/ckfinder/config.php แล้วลบโค็ดด้านล่างออก</p><pre class="brush: php; title: ;">
function CheckAuthentication()

{

	// WARNING : DO NOT simply return &quot;true&quot;. By doing so, you are allowing

	// &quot;anyone&quot; to upload and list the files in your server. You must implement

	// some kind of session validation here. Even something very simple as...

	// return isset($_SESSION['IsAuthorized']) &amp;&amp; $_SESSION['IsAuthorized'];

	// ... where $_SESSION['IsAuthorized'] is set to &quot;true&quot; as soon as the

	// user logs in your system.

	// To be able to use session variables don't forget to add session_start().

	return false;

}
</pre><p>จากนั้นหา</p><pre class="brush: php; title: ;">
$baseUrl = '/ckfinder/userfiles/';
</pre><p>แก้ให้เป็นตาม path ของ server ที่ใช้งายจริงเช่น</p><pre class="brush: php; title: ;">
$baseUrl = '/var/www/html/sites/default/module/ckeditor/ckfinder/userfiles/';
</pre><p>และเพิ่ม</p><pre class="brush: php; title: ;">
require_once '../../../../includes/filemanager.config.php';
</pre><p>ในบรรทัดถัดไปจาก</p><pre class="brush: php; title: ;">
$baseDir = resolveUrl($baseUrl);
</pre><p>เสร็จแล้วทำการบันทึกครับ modules/ckeditor/ckfinder/config.php</p><p>8. ต่อมาให้ทำการแก้ไขไฟล์ sites/default/settings.php โดยเอา # ออกและใส่ url เว็บไซต์เราลงไป</p><pre class="brush: php; title: ;">
$cookie_domain = 'www.drupal.com';
</pre><p>9. เปิดการใช้งาน module<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_0051.png" alt="" title="Selection_005" width="550" height="75" class="aligncenter size-full wp-image-5591" /></p><p>10. จากนั้นไปที่ User management > Permissions เปิดสิทธิ์การใช้งาน upload<br
/> <a
href="http://killthewhat.com/wp-content/uploads/2010/03/Selection_007.png" rel="lightbox[5588]"><img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_007.png" alt="" title="Selection_007" width="550" height="81" class="aligncenter size-full wp-image-5592" /></a></p><p>11. จากนั้นไปการตั้งค่า Ckeditor ทำการแก้ไข profile และดูในส่วนของ File browser settings ให้เราเลือก File browser type เป็น Ckfinder<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_008.png" alt="" title="Selection_008" width="372" height="165" class="aligncenter size-full wp-image-5593" /></p><p>12. เพียงเท่านี้ ckeditor เราก็สามารถใช้งาน browse รูปได้แล้วครับ<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2010/03/Selection_009.png" alt="" title="Selection_009" width="550" height="246" class="aligncenter size-full wp-image-5596" /></p><p>thank : <a
href="http://snappytux.com">snappytux.com</a></p> ]]></content:encoded> <wfw:commentRss>http://killthewhat.com/drupal-tutorials/%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-ckeditor-%e0%b9%81%e0%b8%a5%e0%b8%b0-ckfinder-%e0%b9%83%e0%b8%99-drupal/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>CKeditor &#8211; editor น่าใช้อีกตัวใน drupal</title><link>http://killthewhat.com/drupal-tutorials/ckeditor-editor-%e0%b8%99%e0%b9%88%e0%b8%b2%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b8%ad%e0%b8%b5%e0%b8%81%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%83%e0%b8%99-drupal/</link> <comments>http://killthewhat.com/drupal-tutorials/ckeditor-editor-%e0%b8%99%e0%b9%88%e0%b8%b2%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b8%ad%e0%b8%b5%e0%b8%81%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%83%e0%b8%99-drupal/#comments</comments> <pubDate>Mon, 07 Dec 2009 16:10:14 +0000</pubDate> <dc:creator>snappy</dc:creator> <category><![CDATA[Drupal]]></category> <category><![CDATA[ckeditor]]></category> <category><![CDATA[editor]]></category> <category><![CDATA[module]]></category> <category><![CDATA[wysiwyg]]></category><guid
isPermaLink="false">http://killthewhat.com/?p=5234</guid> <description><![CDATA[CKEditor เป็น WYSIWYG Editor ที่ถูกต่อยอดมาจาก FCKeditor ซึ่งเท่าที่ผมลองทดสอบใช้งานดูบน drupal มันทำงานได้เร็วกว่า FCKeditor รุ่นพี่ของมันพอสมควร และมีลูกเล่นเยอะด้วย เช่น เปลี่ยนสีได้ ยกเลิกปุ่มไอคอนบางอันออกไปได้ แถมโหลดได้ไวกว่า FCKeditor อย่างรุ่นพี่มันด้วยครับ อันนี้จากที่ผมลองมานะ ใครสนใจลองเล่น DEMO มันก่อนก็ได้ วิธีติดตั้ง CKeditor ใน drupal นั้นไม่อยากเท่าไรเราต้องใช้งานร่วมกับ module Wysiwyg โดยให้เราทำการติดตั้งโมดูล Wysiwyg กันก่อนจากนั้นเปิดใช้งาน จากนั้โหลด CKeditor มาทำการแตกไฟล์ออกมา จากนั้นทำการสร้างโฟลเดอร์ชื่อว่า libraries ไว้ที่ sites/all/ และนำโฟลเดอร์ของ CKEeditor ที่แตกออกมาได้ใส่เข้าไปใน sites/all/libraries ก็จะเป็นsites/all/libraries แล้วทำการโหลดไฟล์มาจาก http://drupal.org/node/462146#comment-2005574 เมื่อแตกออกมาข้างในจะมีสองไฟล์คือ ckeditor.inc กับ ckeditor-3.0.js ให้นำ ckeditor.inc ไปใส่ไว้ที่ sites/all/modules/wysiwyg/editors และ [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://killthewhat.com/wp-content/uploads/2009/12/drupal-ckeditor.png" rel="lightbox[5234]"><img
src="http://killthewhat.com/wp-content/uploads/2009/12/drupal-ckeditor.png" alt="drupal-ckeditor" title="drupal-ckeditor" width="550" height="214" class="aligncenter size-full wp-image-5238" /></a><br
/> CKEditor เป็น WYSIWYG Editor ที่ถูกต่อยอดมาจาก <a
href="http://killthewhat.com/drupal-tutorials/%E0%B9%83%E0%B8%AA%E0%B9%88-fckeditor-%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B8%9A-drupal/">FCKeditor</a> ซึ่งเท่าที่ผมลองทดสอบใช้งานดูบน drupal มันทำงานได้เร็วกว่า FCKeditor รุ่นพี่ของมันพอสมควร และมีลูกเล่นเยอะด้วย<span
id="more-5234"></span> เช่น เปลี่ยนสีได้ ยกเลิกปุ่มไอคอนบางอันออกไปได้ แถมโหลดได้ไวกว่า FCKeditor อย่างรุ่นพี่มันด้วยครับ อันนี้จากที่ผมลองมานะ ใครสนใจลองเล่น <a
href="http://ckeditor.com/demo" rel="nofollow">DEMO</a> มันก่อนก็ได้</p><p>วิธีติดตั้ง CKeditor ใน drupal นั้นไม่อยากเท่าไรเราต้องใช้งานร่วมกับ <a
href="http://drupal.org/project/wysiwyg" rel="nofollow">module Wysiwyg</a> โดยให้เราทำการติดตั้งโมดูล Wysiwyg กันก่อนจากนั้นเปิดใช้งาน<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2009/12/drupal.png" alt="drupal" title="drupal" width="550" height="196" class="aligncenter size-full wp-image-5240" /></p><p>จากนั้โหลด <a
href="http://ckeditor.com/download" rel="nofollow">CKeditor</a> มาทำการแตกไฟล์ออกมา จากนั้นทำการสร้างโฟลเดอร์ชื่อว่า libraries ไว้ที่ sites/all/ และนำโฟลเดอร์ของ CKEeditor ที่แตกออกมาได้ใส่เข้าไปใน sites/all/libraries ก็จะเป็นsites/all/libraries<br
/> <img
src="http://killthewhat.com/wp-content/uploads/2009/12/drupal1.png" alt="drupal" title="drupal" width="426" height="269" class="aligncenter size-full wp-image-5241" /></p><p>แล้วทำการโหลดไฟล์มาจาก http://drupal.org/node/462146#comment-2005574 เมื่อแตกออกมาข้างในจะมีสองไฟล์คือ <strong>ckeditor.inc</strong> กับ <strong>ckeditor-3.0.js</strong> ให้นำ <strong>ckeditor.inc</strong> ไปใส่ไว้ที่ sites/all/modules/wysiwyg/editors และ <strong>ckeditor-3.0.js</strong> ใส่ไว้ที่ sites/all/modules/wysiwyg/editors/js</p><p>จากนั้นกลับไปที่เมนู Site configuration > Wysiwyg เราจะพบกับ CKeditor ที่เพิ่มเข้ามา<br
/> <a
href="http://killthewhat.com/wp-content/uploads/2009/12/drupal2.png" rel="lightbox[5234]"><img
src="http://killthewhat.com/wp-content/uploads/2009/12/drupal2.png" alt="drupal" title="drupal" width="550" height="302" class="aligncenter size-full wp-image-5244" /></a></p><p>เลื่อนขึ้นมาด้านบนปรับการใช้งานของ input format ให้ใช้งานกับ CKeditor และทำการ Save<br
/> <a
href="http://killthewhat.com/wp-content/uploads/2009/12/drupal3.png" rel="lightbox[5234]"><img
src="http://killthewhat.com/wp-content/uploads/2009/12/drupal3.png" alt="drupal" title="drupal" width="550" height="173" class="aligncenter size-full wp-image-5245" /></a></p><p>สามารถ edite CKeitor ในการใช้งานของแต่ละ Input format ได้<br
/> <a
href="http://killthewhat.com/wp-content/uploads/2009/12/drupal4.png" rel="lightbox[5234]"><img
src="http://killthewhat.com/wp-content/uploads/2009/12/drupal4.png" alt="drupal" title="drupal" width="550" height="337" class="aligncenter size-full wp-image-5246" /></a></p><p>ลองไปใช้งานกันดูน่ะครับกับ CKeditor ใน drupal แล้วคุณจะชอบมันเหมือนผม&#8230;</p> ]]></content:encoded> <wfw:commentRss>http://killthewhat.com/drupal-tutorials/ckeditor-editor-%e0%b8%99%e0%b9%88%e0%b8%b2%e0%b9%83%e0%b8%8a%e0%b9%89%e0%b8%ad%e0%b8%b5%e0%b8%81%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b9%83%e0%b8%99-drupal/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching 22/41 queries in 0.012 seconds using disk

Served from: killthewhat.com @ 2012-02-09 06:18:03 -->
