เปิดพื้นที่ในแก้ไข (WYSIWYG | Ckeditor)

นี่คือความช่วยเหลือรวดเร็วสำหรับคุณรวม CKEditor มีโปรแกรมประยุกต์เว็บของคุณเพียงสามขั้นตอน.

งานนำเสนอ

เปิดของคุณ แท็ก พื้นที่ข้อความในตัวแก้ไขเว็บงานไม่ซับซ้อน. ในบรรดาบรรณาธิการหลายที่คุณสามารถค้นหาบนอินเทอร์เน็ต, เราเห็นการใช้งาน CKEditor. ดูการแก้ไขในการดำเนินการนี้ สาธิต.

การติดตั้ง

ดาวน์โหลด CKEditor ใน http://ckeditor.com/download. เป็นเวอร์ชันที่ใช้ในโพสต์นี้ 3.6.4, ของ 17 ก.ค. 2012. แยกแฟ้ม ckeditor_3.6.4.zip พร้อมกับโปรแกรมประยุกต์ของคุณ. โฟลเดอร์ ckeditor จะถูกสร้างขึ้น. พร้อม, ตอนนี้ เพิ่งทำการโทรภายในรหัสแหล่งที่มา!

รวม

การ CKEditor เป็นโปรแกรม JavaScript. อ่านมัน, เพียงโทรง่ายกับเขาภายในการ แท็ก หัวหน้าของรหัสแหล่งที่มา. ทำแบบนี้, Javascript API ของ CKEditor นี้จะพร้อมใช้งาน. อย่าลืมปรับเส้นทางของแฟ้ม ckeditor.js ไดเรกทอรีที่คุณซิป.

ขั้นตอนที่ 1 – ทำการเรียกให้ CKEditor
1
2
3
  <หัว>
    <ชนิดของสคริปต์="text/javascript" src="ckeditor/ckeditor.js"></สคริปต์>
  </หัว>
ขั้นตอนที่ 2 – สร้างเขตพื้นที่
1
2
3
  <ร่างกาย>
    <รหัสพื้นที่="editor1" ชื่อ="editor1">&Lt;p&GT;ค่าเริ่มต้น.&Lt;/p&GT;</พื้นที่ข้อความ>
  </ร่างกาย>
ขั้นตอนที่ 3 – พื้นที่รัฐ (รหัส) จะถูกแทนที่ ด้วย CKEditor
1
2
3
4
5
6
7
  <หัว>
    <ชนิดของสคริปต์="text/javascript">
      หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน()  {
        CKEDITOR.แทน( 'editor1' );
      };
    </สคริปต์>    
  </หัว>

พร้อม, ทำงานแล้ว! ไม่เชื่อ? บันทึก, สิ่ง “F5” ในเบราว์เซอร์และดูตัวคุณเอง… รหัสเสร็จสมบูรณ์มีลักษณะดังนี้:

รหัสเสร็จสมบูรณ์

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<HTML>
  <หัว>
    <ชื่อเรื่อง>Ckeditor</ชื่อเรื่อง>
    <meta content="text/html; charset = utf-8" http-equiv="content-type" />
    <script type="text/javascript" src="ckeditor/ckeditor.js"></สคริปต์>
    <ชนิดของสคริปต์="text/javascript">
      หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน()  {
        CKEDITOR.แทน( 'editor1' );
     };
    </สคริปต์>
  </หัว>
  <ร่างกาย>
    <form action="request.php" method="post">
      <textarea id="editor1" name="editor1">&Lt;p&GT;ค่าเริ่มต้น&Lt;/p&GT;</พื้นที่ข้อความ>
      <input type="submit" value="Submit" />
    </แบบฟอร์ม>  
  </ร่างกาย>
</HTML>

แน่นอน, ตอนนี้ คุณต้องทำการปรับปรุงโปรแกรมประยุกต์ของคุณ, เริ่มต้น โดยการตั้งค่าการ การดำเนินการ ของฟอร์มของคุณ, แสดงหน้าจะดึงและประมวลผลข้อมูลส่งทางไปรษณีย์.

บทความสิ้นสุดที่นี่, แต่ฉันจะปล่อยให้ไข่มุกกี่เพิ่มเติมสำหรับการอยากรู้อยากเห็น:

เคล็ดลับ

(1) ไม่มีเหตุการณ์ onload, ชั้น =”ckeditor”

ถ้าคุณกำหนดคลา “ckeditor” กับพื้นที่ของคุณ, มันจะโดยอัตโนมัติแปลงเป็น CKEditor มี, โดยไม่ต้องใช้สคริปต์ตามเหตุการณ์ที่เรียกว่า “เมื่อมีการโหลด”, ง่ายดี:

1
2
3
4
5
6
7
8
9
10
11
12
13
<HTML>
  <หัว>
    <ชื่อเรื่อง>Ckeditor</ชื่อเรื่อง>
    <เนื้อหาเมตา="text/html; charset = utf-8" http-equiv="content-type" />
    <ชนิดของสคริปต์="text/javascript" src="ckeditor/ckeditor.js"></สคริปต์>
  </หัว>
  <ร่างกาย>
    <แบบฟอร์มการดำเนินการ="request.php" วิธี="post">
      <พื้นที่ข้อความ คลาส="ckeditor" รหัส="editor1" ชื่อ="editor1">&Lt;p&GT;ค่าเริ่มต้น.&Lt;/p&GT;</พื้นที่ข้อความ>
      <ชนิดค่านำเข้า="submit" ค่า="Submit" />
    </แบบฟอร์ม>  
  </ร่างกาย>
</HTML>

(2) เปลี่ยนแปลงตัวแบ่งบรรทัด <p> โดย <br />

ผมสังเกตเห็นสองวิธีแลก P BR เมื่อป้อน teclamos. ครั้งแรก, ตั้งค่าพารามิเตอร์ enterMode ด้วยค่า 2, ตั้งแต่ 1 = P, 2 = BR และ 3 = DIV.

1
2
3
4
5
6
7
  <หัว>  
    <ชนิดของสคริปต์="text/javascript">
      หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน() {
        CKEDITOR.แทน( 'editor1', {enterMode: หมายเลข(2)} );
      };
    </สคริปต์>
  </หัว>

ดังนั้น, เปิดไฟล์ config.js และการตั้งค่าบางอย่างเช่น:

1
2
3
CKEDITOR.editorConfig = ฟังก์ชัน( กำหนดค่า ) {
  กำหนดค่า.enterMode = CKEDITOR.ENTER_BR;
};

ในกรณีนี้, เมื่อคุณพิมพ์ ENTER, เรามีตัวเลือก:
CKEDITOR ENTER_P – สร้างย่อหน้าใหม่ P;
CKEDITOR ตัวแบ่งบรรทัด ENTER_BR กับ BR;
CKEDITOR สร้างบล็อกใหม่ ENTER_DIV กับ DIV.

แนะนำให้ปิด และเปิดเบราว์เซอร์เพื่อดูผล

การเปลี่ยนแปลงนี้, เนื่องจากสามารถถูกแคชไว้! ถ้ามันยังไม่ทำงาน, ล้างแคชของเบราว์เซอร์ของคุณ.

(3) เปลี่ยนสีพื้นหลังของแถบเครื่องมือของ CKEditor

ตามที่คุณสังเกตเห็น, เราสามารถทำการเปลี่ยนแปลงใน CKEditor เรากำหนดพารามิเตอร์ของ CKEDITOR หรือ ผ่านไฟล์โดยตรง config.js. ดังนั้น, ฉันจะแสดงให้เห็นถึงเพียงหนึ่ง:

1
2
3
4
5
6
7
  <หัว>  
    <ชนิดของสคริปต์="text/javascript">
      หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน() {
        CKEDITOR.แทน( 'editor1', {uicolor: '#ff0000'} );
      };
    </สคริปต์>
  </หัว>

(4) รวมการกำหนดค่าพารามิเตอร์ของ CKEditor

พารามิเตอร์การกำหนดค่าของ CKEditor สามารถรวมกัน. เพื่อตอบสนองเพื่อ, ดูที่การ กำหนดค่า API. ตัวอย่าง:

1
2
3
4
5
6
7
8
9
10
11
12
  <หัว>  
    <ชนิดของสคริปต์="text/javascript">
      หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน() {
        CKEDITOR.แทน( 'editor1', {  uicolor: '#ccc',
                                        enterMode: CKEDITOR.ENTER_P,
                                        customConfig : 'ckeditor/outroConfig.js',
                                        ภาษา: 'น้ำ'        
                                      } 
                        );
      };
    </สคริปต์>
  </หัว>

(5) ภาษาที่สนับสนุนที่ CKEditor

การสนับสนุน CKEditor 58 ภาษา, รวมทั้งการ “ห้องน้ำในตัว”. ดูเพิ่มเติมได้ที่ ภาษาอินเทอร์เฟซผู้ใช้. ตัวอย่างข้างต้นแสดงให้เห็นถึงการใช้.

(6) การกำหนดเองแถบเครื่องมือ

– ข้อมูลเบื้องต้น

คุณอาจไม่ต้องการให้คุณลักษณะทั้งหมดของ CKEditor. ดังนั้น, ทำไมไม่ปรับแถบเครื่องมือตามความต้องการ? ต่อไปนี้เป็นตัวอย่างที่ออกจากตัวแก้ไขพื้นฐานมาก.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  <หัว>  
    <ชนิดของสคริปต์="text/javascript">
      หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน() {
        CKEDITOR.แทน( 'editor1', {
                           แถบเครื่องมือ:
                           [
                             { ชื่อ: 'basicstyles', รายการ : [ 'ตัวหนา','ตัวเอียง' ] },
                             { ชื่อ: 'ย่อหน้า', รายการ : [ 'NumberedList','BulletedList' ] },
                             { ชื่อ: 'เครื่องมือ', รายการ : [ 'เพิ่ม','-','เกี่ยวกับ' ] }
                           ]}         
                         );
      };
    </สคริปต์>
  </หัว>

– เสร็จสมบูรณ์

ต่อไปนี้เป็นตัวอย่างที่สมบูรณ์. เอาปุ่มที่ไม่ต้องการ.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  <หัว>  
    <ชนิดของสคริปต์="text/javascript">
      หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน() {
        CKEDITOR.แทน( 'editor1', {
                           แถบเครื่องมือ: [
                             { ชื่อ: 'เอกสาร', รายการ : [ 'ต้นทาง','-','บันทึก','NewPage','DocProps','ตัวอย่าง','พิมพ์','-','แม่' ] },
                             { ชื่อ: 'คลิปบอร์ด', รายการ : [ 'ตัด','คัดลอก','วาง','PasteText','PasteFromWord','-','เลิกทำ','ทำซ้ำ' ] },
                             { ชื่อ: 'แก้ไข', รายการ : [ 'ค้นหา','แทน','-','SelectAll','-','SpellChecker', 'Scayt' ] },
                             { ชื่อ: 'ฟอร์ม', รายการ : [ 'แบบฟอร์ม', 'กล่องกาเครื่องหมาย', 'วิทยุ', 'กบันทึก', 'พื้นที่', 'เลือก', 'ปุ่ม', 'ImageButton', 'HiddenField' ] },
                             '/',
                             { ชื่อ: 'basicstyles', รายการ : [ 'ตัวหนา','ตัวเอียง','ขีดเส้นใต้','ตี','ห้อย',ตัว 'ยก','-','RemoveFormat' ] },
                             { ชื่อ: 'ย่อหน้า', รายการ : [ 'NumberedList','BulletedList','-','เยื้อง','ย่อหน้า','-','Blockquote','CreateDiv', '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
                             { ชื่อ: 'เชื่อมโยง', รายการ : [ 'การเชื่อมโยง','ยก','ยึด' ] },
                             { ชื่อ: 'แทรก', รายการ : [ 'ภาพ','Flash','ตาราง','HorizontalRule','ยิ้ม','SpecialChar','PageBreak','Iframe' ] },
                             '/',
                             { ชื่อ: 'รูปแบบ', รายการ : [ 'รูปแบบ','รูปแบบ','แบบอักษร','FontSize' ] },
                             { ชื่อ: 'สี', รายการ : [ 'TextColor','BGColor' ] },
                             { ชื่อ: 'เครื่องมือ', รายการ : [ 'เพิ่ม', 'ShowBlocks','-','เกี่ยวกับ' ] }                            
                           ]}         
                         );
      }; 
    </สคริปต์>
  </หัว>

– มีควบคุม

นี้เป็นตัวอย่างมากพอสมควร, ด้วยเครื่องมือแถบเท่านั้น, แต่ มีคุณสมบัติสำคัญ. หมายเหตุว่า, รวมทั้ง, เป็นการรวม และกำหนดความสูงและความกว้างของตัวแก้ไข.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<หัว>  
  <ชนิดของสคริปต์="text/javascript">
    หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน() {       
        CKEDITOR.แทน( 'editor1', {
                           แถบเครื่องมือ:
                           [
                             { ชื่อ: 'basicstyles', รายการ : [ 'ตัวหนา','ตัวเอียง','ขีดเส้นใต้' ] },
                             { ชื่อ: 'ย่อหน้า', รายการ : [ 'NumberedList','BulletedList' ] },
                             { ชื่อ: 'ย่อหน้า', รายการ : [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] },
                             { ชื่อ: 'รูปแบบ', รายการ : [ 'แบบอักษร','FontSize' ] },
                             { ชื่อ: 'สี', รายการ : [ 'TextColor','BGColor' ] },
                             { ชื่อ: 'คลิปบอร์ด', รายการ : [ 'ตัด','คัดลอก','วาง','PasteFromWord','-','เลิกทำ','ทำซ้ำ' ] },                             
                             { ชื่อ: 'เครื่องมือ', รายการ : [ 'เพิ่ม','-','เกี่ยวกับ' ] }
                           ],
                           ความกว้าง: "740px",
                           ความสูง: "200px"}
                         );
    };
  </สคริปต์>
</หัว>

(7) พื้นที่ข้อความ (Ckeditor) เมื่อส่งแบบฟอร์มที่ว่างเปล่า

ถ้าคุณที่ Textarea CKeditor ปรากฏเป็นค่าว่าง (ว่างเปล่า) เมื่อส่งแบบฟอร์ม, คุณสามารถใช้ฟังก์ชันนี้ “ดอกไม้ไฟ” สร้างด้านล่าง, ที่จริงทำหน้าที่ในการรับเนื้อหาของ CKEditor ให้ และเล่นในพื้นที่ที่สอดคล้องกัน. สิ่งนี้ทำ โดยการเรียกฟังก์ชัน setCKEditorToTextarea() เมื่อคุณคลิกปุ่มส่ง (ส่ง หรือปุ่ม), ตามปกติในการ onclick เหตุการณ์() ปุ่ม.

1
2
3
4
5
6
<ชนิดของสคริปต์="text/javascript">
      ฟังก์ชัน setCKEditorToTextarea() {
        มี(var InstanceName ใน CKEDITOR.อินสแตนซ์)
          CKEDITOR.อินสแตนซ์[InstanceName].updateElement();            
      }
</สคริปต์>

คำพูดจากผู้พัฒนา

Ckeditor เป็นโปรแกรมแก้ไขข้อความที่จะใช้ภายในเว็บเพจ. มันเป็นตัวแก้ไข WYSIWYG, ซึ่งหมายความ ว่า ข้อความถูกแก้ไข โดยผู้ใช้จะเป็นใกล้เคียงที่สุดกับการเผยแพร่. เขาได้นำคุณลักษณะการแก้ไขทั่วไปเว็บ, พบในเดสก์ท็อปที่ใช้งานการแก้ไข, เช่น Microsoft Word และถ้อย. เมื่อ CKEditor ได้รับอนุญาตภายใต้ใบอนุญาต “เปิดแหล่งที่มา” และพาณิชย์เรื่อง, คุณจะสามารถใช้ในงานประเภทใด. นี่คือการแก้ไขที่เหมาะสำหรับนักพัฒนา, ออกแบบมาเพื่อให้ผู้ใช้โซลูชั่นที่ง่าย และมีประสิทธิภาพ.

บรรณาธิการอื่น ๆ

แบบอักษร

ในสถานที่แรก คือที่! ดูเว็บไซต์ของนักพัฒนารายละเอียดเพิ่มเติม.

จำนวนผู้เข้าชม: 59303

27 comentários sobre “เปิดพื้นที่ในแก้ไข (WYSIWYG | Ckeditor)

  1. โพสต์เย็นมาก, ส่วนที่ต้องการใช้เกี่ยวข้องกับหัวข้อ 6, พิจารณาว่า CKEditor ที่จะบันทึกใน html ของคุณเนื้อหาที่อธิบายไว้ภายในพื้นที่ข้อความต้องส่งข้อความผ่านทางอีเมล์ด้วยรูปแบบ html แต่ต้องบันทึกใน BD ในรูปแบบ txt ที่เดียวกัน. คุณมีข้อเสนอแนะใด ๆ ที่ฉันสามารถใช้? :)

  2. โรนัลโด้ กล่าวว่า:

    คน, พัฒนาโครงการ และแบบฟอร์มมี 2 เขตพื้นที่.
    ผมใช้ของ CKEditor ทั้งใน.

    เวลาทำการ – ซ้าย

    CKEDITOR แทน( ' expedienteEsq’ );
    CKEDITOR.add

    เวลาทำการ – ขวา

    CKEDITOR แทน( ' expedienteDir’ );
    CKEDITOR.add

    ใช้ตัวแก้ไขอย่างถูกต้อง. แต่เมื่อรูปแบบการประมวลผลไฟล์ php เท่านั้นได้รับข้อมูลจากเขตข้อมูลแรก และครั้งที่สองจะเป็นโมฆะ.

    มันเป็นปัญหากับ CKEditor? ได้และถ้าคุณไม่ได้ใช้ ข้อมูลจากเขตข้อมูลที่สองปกติ
    .
    ใช้โครงสร้างการแนะนำ โดยเว็บไซต์เอง CKeditor.

    • สวัสดี โรนัลโด้, ผมทำการทดสอบ และไม่มีปัญหา. ทำต่อไปนี้, คว้าโค้ดด้านล่าง, ใส่ในแฟ้ม “teste.php” ภายในของเซิร์ฟเวอร์ของคุณ, แต่แยกต่างหากจากโปรแกรมประยุกต์ของคุณที่จะให้ปัญหา. หมายเหตุว่า เมื่อส่งแบบฟอร์ม ด้วยสองพื้นที่ (Ckeditor), ข้อมูลจะถูกส่งไปตามปกติ.

      แฟ้ม Teste.php (TEXTAREAS สองพร้อมกัน)

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      
      <HTML>
        <หัว>
          <ชื่อเรื่อง>Ckeditor</ชื่อเรื่อง>
          <meta content="text/html; charset = utf-8" http-equiv="content-type" />
          <script type="text/javascript" src="ckeditor/ckeditor.js"></สคริปต์>
          <script type="text/javascript">
            window.onload =ฟังก์ชัน()  {
              CKEDITOR แทน( 'editor1' );
              CKEDITOR แทน( 'editor2' );
           };
          </สคริปต์>
        </หัว>
        <ร่างกาย>
          <form action="teste.php" method="post">
            <textarea id="editor1" name="editor1">ค่าเริ่มต้น 1</พื้นที่ข้อความ>
            <textarea id="editor2" name="editor2">ค่าเริ่มต้น 2</พื้นที่ข้อความ>
            <input type="submit" value="Submit" />
          </แบบฟอร์ม>  
        </ร่างกาย>
      </HTML>
      <?PHP เสียงก้อง ' ตัวแก้ไข 1 ---> '.@$_ขอ['editor1'].'<br />'; ?>
      <?PHP เสียงก้อง ' ตัวแก้ไข 2 ---> '.@$_ขอ['editor2'].'<br />'; ?>
  3. โรนัลโด้ กล่าวว่า:

    ฉันพยายามผ่านรหัส แต่ผมไม่คิดว่า มันถูกตีพิมพ์. แต่คุณรู้ไหมค่ะขวา? ใช้งาน CKEditor เพียงหนึ่งพื้นที่ส่งข้อมูลไปยังอีกเปล่า.

    • ตกลง, ได้, ผมคิดว่า ผมเข้าใจ. ดังแสดงข้างต้น, ผมไม่ได้มีปัญหาเดียวกัน. ดังนั้น, reanalise รหัสของคุณ, ถ้าคุณไม่มีมากกว่าหนึ่งเขตข้อมูล (ป้อนข้อมูล) ชื่อเดียวกัน (ชื่อ). กอด!

      • โรนัลโด้ กล่าวว่า:

        ผมตัดสินใจกับคำแนะนำของคุณเอง…. (6) พื้นที่ข้อความ (Ckeditor) เมื่อส่งแบบฟอร์มที่ว่างเปล่า

        ตกลง Bastou colocar e หรือ função :) Essa forma q vc passou ได้ usando php né? แม้หน้าใน php ผมปรับใช้โปรแกรมแก้ไขโดยใช้ javascript.
        ขอบคุณสำหรับเคล็ดลับ

        ประโยชน์แม้ว่าคิวไม่ใช่เรื่องของการลงรายการบัญชี, ผมโปรแกรมเป็นเวลานาน ด้วย java และ.net และ php ให้เวลาน้อย และฉัน:เก็บค่าวันการแปลงสายอักขระ. ไม่มีฟังก์ชันโดยตรง, วิธีการสายอักขระวันที่ (strtotime) ขวา? คิดว่า คุณรู้จัก php ดี q เพิ่มเติมฉัน. ถ้าคุณรู้ว่า สิ่งนี้ส่งไปยังอีเมลของฉัน ronaldodantas2@gmai.com

        ไม่จำเป็นต้องเผยแพร่ความคิดเห็นนี้. ขอบคุณสำหรับเคล็ดลับ.

  4. สวัสดี ดีเทย์เลอร์โพสต์ของคุณ.

    ติดตั้ง และใช้งานดี. ผมมีข้อสงสัย, ตัวอย่างเช่นในบล็อกของคุณที่คุณป้อนในกล่องสีเหลืองกับสคริปต์. คุณทำนี้หรือไม่? และคุณลักษณะใน ckeditor?

    ขอบคุณ

  5. เฟอร์นันโด กล่าวว่า:

    วิธีทำฉันเปิดใช้งานอักขระพิเศษของ(แรก 1) และ th(สอง 2) ถ้าคลิกเครื่องมือการแทรกอักขระพิเศษ? อยากจะทำเช่นนี้เมื่อพิมพ์บนแป้นพิมพ์เองโดยไม่ต้องเปิดหน้าต่างใด ๆ.

    • คน, ทดสอบที่นี่ และทำแบบฟอร์มทั่วไปที่ทำงาน, IE, กดปุ่ม ALT และลำดับของหมายเลขที่สอดคล้องกับสัญลักษณ์พิมพ์. ตัวอย่าง: ALT + 166 = Rd และ ALT + 167 =°. กล่าวว่า!

  6. เจมส์ กล่าวว่า:

    สวัสดี, ดีโพสต์ของคุณ, ฉันเริ่มทำงานกับ javascript ขณะนี้, การสร้างข้อความแก้ไข, ผมคิดว่า ผมจะใช้ของ ckeditor, แต่ ด้วยความยากลำบากเพื่อให้สามารถจัดการกับมัน, ผมเพียงต้องจะพิมพ์ , บันทึก, ใหม่, ยกเลิก, ทำซ้ำ, วาง, คัดลอก, และเลือกภาษา, เพียงแทนที่จะเป็นรูปแบบของการเขียน, มันจะเขียนโปรแกรมภาษา, แล้ว จะมีการจัดการกับข้อมูลที่ได้รับ, เช่นชนิดของการแก้ไขรหัสต้นฉบับปกติ, ออนไลน์เท่านั้น, ถ้าคุณสามารถช่วยฉัน.

  7. บัดดี้, ติดตั้งดี, แต่ปัญหาเล็ก ๆ น้อย ๆ ที่ผม ว่า มันเปลี่ยนอักขระพิเศษในรหัส html เป็นââ และอยากจะอย่างไรก็ตามสำหรับฐานข้อมูลของฉัน, มีเป็น?

    • ดารา, ที่อาจมีบางสิ่งบางอย่างกับตัวแก้ไขที่คุณใช้ในการเขียนรหัส. ลองใช้กระดาษจดบันทึก และป้อนตัวอย่างรหัส HTML ที่สมบูรณ์, ดูถ้าปัญหายังคงอยู่.

      ลองตั้งค่านโยบายที่พูดยัง หน้าซึ่งตั้งค่า charset ที่ใช้ (Iso-8859-1 หรือ utf-8).

      1
      2
      3
      4
      5
      
      <ร่างกาย>
        <หัว>
            <meta charset="UTF-8">
        </หัว> 
      ...

      หากคุณใช้ PHP, ตั้งค่า charset ที่ในการเริ่มต้นของรหัส, ก่อนที่จะอะไร:

      1
      
        <?PHP หัวข้อ("Content-Type: ข้อ ความ/html;  charset = iso-8859-1",จริง) ?>

      หรือ, พยายามรักษาเนื้อหาของการร้องขอที่ใช้ชุดอักขระถูกต้อง:

      1
      
        htmlentities( utf8_decode($_โพสต์['ตัวแปร']) );

      ความจริงก็คือ ว่า ปัญหาที่คุณอ้างถึงไม่เหมือนของ CKEditor, ทำไมผมใช้ในที่ต่างๆ การใช้งานและไม่มีปัญหากับอักขระพิเศษ. นอกจากนี้ยังทดสอบการสาธิตบนเว็บไซต์ของนักพัฒนา, และไม่มีปัญหา. ดูที่นั่น: http://ckeditor.com/demo

  8. ของ Marcio กล่าวว่า:

    บ่ายวัน ดี ผมจะได้รับข้อความในพื้นที่ข้อความผ่าน javascript เพื่อส่งไปยังฐานข้อมูล แต่ฉันไม่สามารถ, มีวิธีใดจะได้รับข้อความ?
    ขอบคุณ

  9. สวัสดี.
    ผมคิดว่า ใช้อุปกรณ์นี้สำหรับใบสั่งยาแพทย์ – ดังนั้นบางสิ่งบางอย่างได้ง่าย.
    – ต้องการทราบวิธีการกำหนดค่าแถบด้านบน (การทำงานอยู่ที่ไหน) ซ่อน (เหมือนปุ่มเล็กน้อยจะทำให้เธอหายไปหลังจากแก้ไขข้อความ)
    – นอกจากนี้ วิธีทำฉันจะกำจัดแถบด้านล่าง (ที่ปรากฏ “ร่างกาย” และแท็กอื่น ๆ) ?
    – ทำกล่องข้อความด้วยการ “ความสูง” อัตโนมัติ: ชนิด, ถ้าผมกำหนด 10 กล่องจะยา encompridando ในขณะที่ฉันพิมพ์… ถ้าพิมพ์เท่านั้น 1 ยาเป็นที่ความสูงของกล่องที่พิมพ์…

    • สวัสดี, ขออภัย, มีตัดบาง (ความล้มเหลว) ในรหัสของคุณ, เสียค่าเอาออก.

      เกี่ยวกับเรื่องนี้คุณต้อง, เป็นไปได้อย่างสมบูรณ์แบบ, แต่ผมแนะนำสำหรับมืออาชีพที่เข้าใจ JavaScript เพื่อช่วยคุณ.

      ฉันจะพูดแบบของหิน:

      – ซ่อนแถบเครื่องมือ (แถบเครื่องมือ):

      1
      2
      3
      
      var แก้ไข = CKEDITOR.แบบอินไลน์( 'editor1', {
          removePlugins: 'แถบเครื่องมือ'
      } );

      – ซ่อนท้ายกระดาษ (elementspath):
      http://ckeditor.com/forums/CKEditor-3.x/Disabling-Elements-Path-Display

      – เพิ่มความสูงโดยอัตโนมัติ (ขยายอัตโนมัติ):
      http://sdk.ckeditor.com/samples/autogrow.html
      http://ckeditor.com/demo#auto-grow (สาธิต)

      ตัวอย่าง:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      
      <HTML>
        <หัว>
          <ชื่อเรื่อง>Ckeditor</ชื่อเรื่อง>
          <เนื้อหาเมตา="text/html; charset = utf-8" http-equiv="content-type" />
          <การใช้สคริปต์="http:////cdn.ckeditor.com/4.5.3/basic/ckeditor.js"></สคริปต์>
          <การใช้สคริปต์="plugin.js"></สคริปต์>  <!-- รับปลั๊กอิน.JS ที่ http://ckeditor.com/addon/autogrow-->  
          <ชนิดของสคริปต์="text/javascript">
           หน้าต่าง.เมื่อมีการโหลด = ฟังก์ชัน()  {
              CKEDITOR.แทน( 'editor1', {             
                  removePlugins: 'elementspath', 
                  removePlugins: 'แถบเครื่องมือ',
                  extraPlugins: ขยาย 'อัตโนมัติ',
                  autoGrow_minHeight: 70,
                  ความสูง: '70px'
              });
           };
          </สคริปต์>
        </หัว>
        <ร่างกาย>
          <แบบฟอร์มการดำเนินการ="request.php" วิธี="post">
            <รหัสพื้นที่="editor1" ชื่อ="editor1">ข้อความเริ่มต้น.</พื้นที่ข้อความ>
            <ชนิดค่านำเข้า="submit" ค่า="Submit" />
          </แบบฟอร์ม>  
        </ร่างกาย>
      </HTML>
  10. ยอม กล่าวว่า:

    ฉันไม่สามารถป้อนข้อความในฐานข้อมูลอย่างถูกต้อง, แปลกดีทั้งหมด

    อดีต:
    <p>&aacute; &มี; &iacute;ASD</p>
    เพื่อเป็น

  11. ผมมีความคิดเห็นบนโพสต์ของคุณ. น่าอัศจรรย์เพียงแค่! เพียงแค่วัตถุมีจัดการการส่งผ่านความรู้! เบื้องต้น

  12. เคลาดิโอ กล่าวว่า:

    สวัสดี เทย์เลอร์, ขอแสดงความยินดีสำหรับการโพสต์อธิบายได้ดีมาก. ผมต้องการใช้โปรแกรมแก้ไขนี้ในโปรแกรมประยุกต์แบบ PHP และต้องการทราบวิธีการสร้างคำสั่งผสม (หรือปุ่ม) บนแถบเครื่องมือเพื่อนำข้อมูล BD ไปแทรกในข้อความ? IE, เมื่อคุณคลิกบนปุ่มจะเปิดกล่องโต้ตอบกับผลลัพธ์ของแบบสอบถามการเลือกเรกคอร์ด.
    คุณสามารถ?

  13. Glaydison Silva กล่าวว่า:

    สวัสดี, โพสต์มาก. ชี้โพสต์ใหม่? ช่วยเหลือด้วยการใช้ปุ่มอัปโหลดรูปภาพ, เท่ากับสาธิตที่คุณสามารถย้ายค่าไปยังเซิร์ฟเวอร์ และดังกล่าว. ผมไม่ทางใดทางหนึ่ง.

ทิ้งคำตอบไว้

อีเมลของคุณจะไม่ถูกเผยแพร่. ฟิลด์ต้องมีเครื่องหมาย *