Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > multiple textarea ckeditor เขียนโค้ดเพิ่มให้สั้น ๆ



 

multiple textarea ckeditor เขียนโค้ดเพิ่มให้สั้น ๆ

 



Topic : 091212

Guest




Code (JavaScript)
<textarea cols="80" id="message" name="message" rows="10" class="ckeditor"></textarea>
<script type="text/javascript">
        //<![CDATA[

            CKEDITOR.replace( 'message',{

            skin            : 'kama',
            language        : 'en',
            extraPlugins    : 'uicolor',
            uiColor            : '#c0c0c0',
            height            : 600,
            width            : 700,

            /* toolbar :
                [

                    ['Source','-','Templates'],
                    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
                    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
                    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
                    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

                ],*/

            filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
            filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?Type=Images',
            filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
            filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
            filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

            } );
        //]]>
    </script>


ตอนนี้ผมมีแบบนี้อยู่ครับ ถ้าผมต้องการสร้าง Textarea มากกว่า 1 อันต้องทำยังไงครับ โดยจะเขียนโค้ดเพิ่มให้สั้นที่สุด



Tag : PHP






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-02-21 10:39:50 By : แค่ผ่านมา View : 1327 Reply : 12
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


โดยจะเขียนโค้ดเพิ่มให้สั้นที่สุด : จะสั้นหรือยาว ผมว่ามันไม่สำคัญเท่ากับสิ่งที่ทำออกมาแล้วมันใช้งานได้ตามจุดประสงค์ครับ





แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 10:50:14 By : apisitp
 


 

No. 2



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


ผมได้แต่โค้ดแบบยาว textarea 3 อัน ทำได้ก็เพราะพี่ต้นกล้าบอกนี่ละครับ หรือว่าถ้าโค้ดสั้นลงจะทำให้การทำงานเร็วขึ้นรึเปล่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 10:59:09 By : puldool
 

 

No. 3

Guest


ขอบคุณพี่ต้นกล้าผมก็คิดอย่างพี่แหละครับ แต่อยากรู้วิธีทำจะพอมีไหม เพราะเดี๋ยวหนีเค้าหนีไปใช้ textarea ckeditor+jquery กันนะครับ
ถ้ามาน 3 อันอย่างคุณ rapeepat บอกก็แค่
Code (PHP)
<textarea cols="80" id="message" name="message" rows="10" class="ckeditor"></textarea>
<textarea cols="80" id="message2" name="message2" rows="10" class="ckeditor"></textarea>
<textarea cols="80" id="message3" name="message3" rows="10" class="ckeditor"></textarea>
<script type="text/javascript">
//<![CDATA[

CKEDITOR.replace( 'message',{

skin : 'kama',
language : 'en',
extraPlugins : 'uicolor',
uiColor : '#c0c0c0',
height : 600,
width : 700,

/* toolbar :
[

['Source','-','Templates'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

],*/

filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?Type=Images',
filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

} );
//]]>
</script>
<script type="text/javascript">
//<![CDATA[

CKEDITOR.replace( 'message2',{

skin : 'kama',
language : 'en',
extraPlugins : 'uicolor',
uiColor : '#c0c0c0',
height : 600,
width : 700,

/* toolbar :
[

['Source','-','Templates'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

],*/

filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?Type=Images',
filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

} );
//]]>
</script>
<script type="text/javascript">
//<![CDATA[

CKEDITOR.replace( 'message3',{

skin : 'kama',
language : 'en',
extraPlugins : 'uicolor',
uiColor : '#c0c0c0',
height : 600,
width : 700,

/* toolbar :
[

['Source','-','Templates'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

],*/

filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?Type=Images',
filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

} );
//]]>
</script>

แต่มานจะยาวนะ อีกอย่าง ทำว่าถ้ามานสั้นลง มันก็น่าจะมีอะไรที่ดีขึ้นรึเปล่า ฮ่า ๆ ๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 11:08:35 By : แค่ผ่านมา
 


 

No. 4



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


วิธีที่สั้นที่สุด
คือ การ ระบุคลาส ckeditor ให้กับ textarea ครับ


<textarea class="ckeditor" id="editor1" name="editor1" ></textarea>
<textarea class="ckeditor" id="editor2" name="editor2" ></textarea>
<textarea class="ckeditor" id="editor3" name="editor3" ></textarea>
<textarea class="ckeditor" id="editor4" name="editor4" ></textarea>
:
:
:
:
<textarea class="ckeditor" id="editor100" name="editor100" ></textarea>



จะมีกี่ textarea มันจะเป็น CKEDITOR ให้กับท่านเสมอ ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 11:12:05 By : triplea
 


 

No. 5

Guest


แล้วตรง Script เขียนยังไงครับคุณ TripleA
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 13:07:48 By : แค่ผ่านมา
 


 

No. 6



โพสกระทู้ ( 5,149 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ไม่ต้องเขียนอะไรครับ มันจะไปดึงค่า config มาอัตโนมัติ แล้วสร้างให้เองเลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 13:29:56 By : deawx
 


 

No. 7

Guest


Code (PHP)
<textarea class="ckeditor" id="editor1" name="editor1" ></textarea>
<textarea class="ckeditor" id="editor2" name="editor2" ></textarea>
<textarea class="ckeditor" id="editor3" name="editor3" ></textarea>
<textarea class="ckeditor" id="editor4" name="editor4" ></textarea>
:
:
:
:
<textarea class="ckeditor" id="editor100" name="editor100" ></textarea>
</table>
<script type="text/javascript">
        //<![CDATA[
            CKEDITOR.replace( 'message',{

            skin            : 'office2003',
            language        : 'en',
            extraPlugins    : 'uicolor',
            uiColor            : '#c0c0c0',
            height            : 500,
            width            : 800,

            /* toolbar :
                [

                    ['Source','-','Templates'],
                    ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
                    ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
                    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
                    ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],

                ],*/

            filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
            filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?Type=Images',
            filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
            filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
            filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

            } );
        //]]>
    </script>


ไม่ได้เลยครับพี่ deawx Error ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 13:33:05 By : แค่ผ่านมา
 


 

No. 8



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 6 เขียนโดย : deawx เมื่อวันที่ 2013-02-21 13:29:56
รายละเอียดของการตอบ ::
เริ่ดอ่ะ....
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 13:34:40 By : apisitp
 


 

No. 9

Guest


มันยังไม่ได้ครับพี่ต้นกล้า มาน Error นะเพราะ ของผมมีตัวอัฟโหลดรูปด้วยมานไม่ขึ้นให้อัฟเลยครับ
test
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 13:38:38 By : แค่ผ่านมา
 


 

No. 10

Guest


ปกติมันจะเป็นแบบนี้ครับ
1

รบกวนพี่ deawx พี่ต้นกล้าและทุก ๆ คน ดัน ๆ ๆ ๆ ๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 13:40:44 By : แค่ผ่านมา
 


 

No. 11



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


หากต้องการ upload รูป ก็สามารถทำได้ครับ ใส่กี่ 100 textarea ก็เขียนโค้ดแค่ครั้งเดียว สั้นๆ ดังที่ท่านต้องการได้
เพราะ CKEDITOR ทำงานในลักษณะของ singleton pattern

config ที่ว่า ก็คล้ายๆ กับ config เดิมของท่านครับ แค่เปลี่ยนลักษณะการเขียนนิดหน่อยครับ
เพราะที่ท่านเขียนมาข้างบน มันเฉพาะเจาะจงแค่นั้นเอง

ดังนั้น เขียนเข้าไปได้เลยในลักษณะ custom config ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 14:16:20 By : triplea
 


 

No. 12

Guest


custom config คืออะไรแล้วมานเขียนแบบไหนครับ รบกวนด้วย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-21 14:21:37 By : แค่ผ่านมา
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : multiple textarea ckeditor เขียนโค้ดเพิ่มให้สั้น ๆ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่