Biến TEXTAREA trong trình soạn thảo (WYSIWYG | CKEditor)

Dưới đây là một sự trợ giúp nhanh chóng để bạn có thể tích hợp CKEditor với các ứng dụng Web của bạn trong chỉ ba bước.

Trình bày

Lần lượt của bạn Tags TEXTAREA trong một trình biên tập Web không còn một nhiệm vụ phức tạp. Trong số các biên tập viên nhiều mà bạn có thể tìm thấy trên Internet, Chúng ta thấy việc sử dụng CKEditor. Xem các biên tập viên trong hành động này GIỚI THIỆU.

Cài đặt

Tải về CKEditor trong http://ckeditor.com/download. Phiên bản sử dụng trong bài đăng này đã 3.6.4, của 17 Tháng bảy 2012. Giải nén tập tin ckeditor_3.6.4.zip cùng với các ứng dụng của bạn. Một thư mục CKEditor sẽ được tạo ra. Sẵn sàng, bây giờ chỉ cần làm các cuộc gọi trong mã nguồn của bạn!

Hội nhập

CKEditor là một ứng dụng JavaScript. Để đọc nó, chỉ cần thực hiện cuộc gọi đơn giản với ông trong vòng các Tags ĐẦU của mã nguồn của bạn. Làm điều này, API Javascript của CKEditor sẽ đã sẵn sàng để sử dụng. Hãy nhớ để điều chỉnh đường dẫn của tệp CKEditor.js vào thư mục nơi bạn unzipped.

Bước 1 – Thực hiện các cuộc gọi đến CKEditor
1
2
3
  <đầu>
    <kiểu kịch bản="text/javascript" SRC="ckeditor/ckeditor.js"></kịch bản>
  </đầu>
Bước 2 – Tạo ra một lĩnh vực TEXTAREA
1
2
3
  <cơ thể>
    <TextArea id="editor1" Tên="editor1">&LT;p&GT;Giá trị ban đầu.&LT;/p&GT;</TextArea>
  </cơ thể>
Bước 3 – Nhà nước TEXTAREA (ID) sẽ được thay thế bằng CKEditor
1
2
3
4
5
6
7
  <đầu>
    <kiểu kịch bản="text/javascript">
      cửa sổ.Khi tải trang = chức năng()  {
        CKEDITOR.thay thế( 'editor1' );
      };
    </kịch bản>    
  </đầu>

Sẵn sàng, đã làm việc! Không tin? Tiết kiệm, bất cứ các “F5” trong trình duyệt và xem cho chính mình… Mã hoàn chỉnh trông như thế này:

Mã hoàn chỉnh

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<HTML>
  <đầu>
    <tiêu đề>CKEditor</tiêu đề>
    <meta content="text/html; charset = utf-8" http-equiv="content-type" />
    <script type="text/javascript" src="ckeditor/ckeditor.js"></kịch bản>
    <kiểu kịch bản="text/javascript">
      cửa sổ.Khi tải trang = chức năng()  {
        CKEDITOR.thay thế( 'editor1' );
     };
    </kịch bản>
  </đầu>
  <cơ thể>
    <form action="request.php" method="post">
      <textarea id="editor1" name="editor1">&LT;p&GT;Giá trị ban đầu.&LT;/p&GT;</TextArea>
      <input type="submit" value="Submit" />
    </hình thức>  
  </cơ thể>
</HTML>

Tất nhiên, Bây giờ bạn cần phải thực hiện các điều chỉnh như ứng dụng của bạn, bắt đầu bằng cách đặt các hành động hình thức của bạn, quy trình và cho biết trang web sẽ lấy dữ liệu gửi qua đường bưu điện.

Kết thúc bài báo ở đây, nhưng tôi sẽ để lại một vài thêm ngọc trai cho tò mò:

Lời khuyên

(1) Không có sự kiện onload, với lớp =”CKEditor”

Nếu bạn chỉ định các lớp học “CKEditor” đến vùng văn bản của bạn, Nó sẽ được tự động chuyển đổi sang một CKEditor, mà không cần phải sử dụng kịch bản được gọi là bởi sự kiện “Khi tải trang”, cũng đơn giản:

1
2
3
4
5
6
7
8
9
10
11
12
13
<HTML>
  <đầu>
    <tiêu đề>CKEditor</tiêu đề>
    <Meta nội dung="text/html; charset = utf-8" http-equiv="content-type" />
    <kiểu kịch bản="text/javascript" SRC="ckeditor/ckeditor.js"></kịch bản>
  </đầu>
  <cơ thể>
    <hình thức hành động="request.php" phương pháp="post">
      <TextArea lớp học="ckeditor" ID="editor1" Tên="editor1">&LT;p&GT;Giá trị ban đầu.&LT;/p&GT;</TextArea>
      <loại đầu vào="submit" giá trị="Submit" />
    </hình thức>  
  </cơ thể>
</HTML>

(2) Ngắt dòng thay đổi <p> bởi <BR />

Tôi nhận thấy hai cách trao đổi P BR khi teclamos nhập. Lần đầu tiên, được thiết lập các thông số enterMode với giá trị 2, Kể từ khi 1 = P, 2 = BR và 3 = DIV.

1
2
3
4
5
6
7
  <đầu>  
    <kiểu kịch bản="text/javascript">
      cửa sổ.Khi tải trang = chức năng() {
        CKEDITOR.thay thế( 'editor1', {enterMode: Số(2)} );
      };
    </kịch bản>
  </đầu>

Hay như vậy, Mở tập tin config.js và thiết lập một cái gì đó như:

1
2
3
CKEDITOR.editorConfig = chức năng( cấu hình ) {
  cấu hình.enterMode = CKEDITOR.ENTER_BR;
};

Trong trường hợp này, Khi bạn gõ ENTER, Chúng tôi có các tùy chọn:
CKEDITOR. ENTER_P-mới đoạn P được tạo ra;
CKEDITOR. ENTER_BR-line break với BR;
CKEDITOR. Mới ENTER_DIV khối với DIV được tạo ra.

Khuyên bạn nên đóng và mở trình duyệt để xem kết quả

Sự thay đổi này, bởi vì nó có thể được lưu trữ! Nếu nó vẫn không hoạt động, làm sạch bộ nhớ cache của trình duyệt.

(3) Thay đổi màu nền của thanh công cụ của CKEditor

Như bạn thấy, Chúng tôi có thể thay đổi trong CKEditor chúng tôi chỉ định tham số trực tiếp vào CKEDITOR hoặc thông qua tập tin config.js. Vì vậy, Tôi sẽ chứng minh chỉ là một trong:

1
2
3
4
5
6
7
  <đầu>  
    <kiểu kịch bản="text/javascript">
      cửa sổ.Khi tải trang = chức năng() {
        CKEDITOR.thay thế( 'editor1', {uicolor: '#ff0000'} );
      };
    </kịch bản>
  </đầu>

(4) Kết hợp tham số cấu hình của CKEditor

Các thông số cấu hình của CKEditor có thể được kết hợp. Để đáp ứng khả năng, có một cái nhìn tại các Config API. Ví dụ:

1
2
3
4
5
6
7
8
9
10
11
12
  <đầu>  
    <kiểu kịch bản="text/javascript">
      cửa sổ.Khi tải trang = chức năng() {
        CKEDITOR.thay thế( 'editor1', {  uicolor: '#ccc',
                                        enterMode: CKEDITOR.ENTER_P,
                                        customConfig : 'ckeditor/outroConfig.js',
                                        ngôn ngữ: 'en'        
                                      } 
                        );
      };
    </kịch bản>
  </đầu>

(5) Các ngôn ngữ được hỗ trợ tại CKEditor

Hỗ trợ CKEditor 58 ngôn ngữ, bao gồm cả các “en”. Xem thêm tại Ngôn ngữ giao diện người dùng. Ví dụ trên chứng tỏ bạn sử dụng.

(6) Tùy biến thanh công cụ

– Khái niệm cơ bản

Bạn có thể không muốn cung cấp cho tất cả các tính năng của CKEditor. Vì vậy, Tại sao không tối ưu hóa thanh công cụ theo nhu cầu của bạn? Sau đây là một ví dụ để lại các biên tập viên rất cơ bản.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  <đầu>  
    <kiểu kịch bản="text/javascript">
      cửa sổ.Khi tải trang = chức năng() {
        CKEDITOR.thay thế( 'editor1', {
                           thanh công cụ:
                           [
                             { Tên: 'basicstyles', khoản mục : [ 'Bold','Nghiêng' ] },
                             { Tên: 'đoạn', khoản mục : [ 'NumberedList','BulletedList' ] },
                             { Tên: 'công cụ', khoản mục : [ 'Tối đa hóa','-','Về' ] }
                           ]}         
                         );
      };
    </kịch bản>
  </đầu>

– Hoàn thành

Sau đây là một ví dụ hoàn chỉnh. Loại bỏ các nút không muốn.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  <đầu>  
    <kiểu kịch bản="text/javascript">
      cửa sổ.Khi tải trang = chức năng() {
        CKEDITOR.thay thế( 'editor1', {
                           thanh công cụ: [
                             { Tên: 'tài liệu', khoản mục : [ 'Nguồn','-','Cứu','NewPage','DocProps','Xem trước','In','-','Mẫu' ] },
                             { Tên: 'tạm', khoản mục : [ 'Cắt','Bản sao','Dán','PasteText','PasteFromWord','-','Hoàn tác','Trở lại' ] },
                             { Tên: 'chỉnh sửa', khoản mục : [ 'Tìm','Thay thế','-','SelectAll','-','SpellChecker', 'Scayt' ] },
                             { Tên: 'hình thức', khoản mục : [ 'Mẫu', 'Hộp kiểm', 'Radio', 'TextField', 'Textarea', 'Chọn', 'Button', 'ImageButton', 'HiddenField' ] },
                             '/',
                             { Tên: 'basicstyles', khoản mục : [ 'Bold','Nghiêng','Gạch chân','Tấn công','Chỉ số','Superscript','-','RemoveFormat' ] },
                             { Tên: 'đoạn', khoản mục : [ 'NumberedList','BulletedList','-','Outdent','Thụt lề','-','Blockquote','CreateDiv', '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
                             { Tên: 'liên kết', khoản mục : [ 'Liên kết','Hủy liên kết','Neo' ] },
                             { Tên: 'đưa', khoản mục : [ 'Hình ảnh','Flash','Bảng','HorizontalRule','Cười','SpecialChar','PageBreak','Iframe' ] },
                             '/',
                             { Tên: 'phong cách', khoản mục : [ 'Phong cách','Định dạng','Font','FontSize' ] },
                             { Tên: 'màu sắc', khoản mục : [ 'TextColor','BGColor' ] },
                             { Tên: 'công cụ', khoản mục : [ 'Tối đa hóa', 'ShowBlocks','-','Về' ] }                            
                           ]}         
                         );
      }; 
    </kịch bản>
  </đầu>

– Kiểm duyệt

Đây là một ví dụ ôn hoà hơn, với một công cụ bar chỉ, nhưng với các tính năng chính. Lưu ý rằng, bao gồm, Nó có thể kết hợp và xác định chiều cao và chiều rộng của các biên tập viên.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<đầu>  
  <kiểu kịch bản="text/javascript">
    cửa sổ.Khi tải trang = chức năng() {       
        CKEDITOR.thay thế( 'editor1', {
                           thanh công cụ:
                           [
                             { Tên: 'basicstyles', khoản mục : [ 'Bold','Nghiêng','Gạch chân' ] },
                             { Tên: 'đoạn', khoản mục : [ 'NumberedList','BulletedList' ] },
                             { Tên: 'đoạn', khoản mục : [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] },
                             { Tên: 'phong cách', khoản mục : [ 'Font','FontSize' ] },
                             { Tên: 'màu sắc', khoản mục : [ 'TextColor','BGColor' ] },
                             { Tên: 'tạm', khoản mục : [ 'Cắt','Bản sao','Dán','PasteFromWord','-','Hoàn tác','Trở lại' ] },                             
                             { Tên: 'công cụ', khoản mục : [ 'Tối đa hóa','-','Về' ] }
                           ],
                           chiều rộng: "740px",
                           chiều cao: "200px"}
                         );
    };
  </kịch bản>
</đầu>

(7) TextArea (CKEditor) sản phẩm nào khi gửi biểu mẫu

Nếu bạn Textarea/CKeditor xuất hiện để trống (sản phẩm nào) Khi gửi biểu mẫu, Bạn có thể sử dụng “Pháo hoa” Tôi tạo ra dưới đây, đó thực sự phục vụ để có được nội dung của CKEditor và chơi trong Textarea tương ứng. Điều này được thực hiện bằng cách gọi các chức năng setCKEditorToTextarea() Khi bạn nhấp vào nút gửi (gửi hoặc nút), bình thường trong sự kiện onclick() nút.

1
2
3
4
5
6
<kiểu kịch bản="text/javascript">
      chức năng setCKEditorToTextarea() {
        (var InstanceName  CKEDITOR.trường hợp)
          CKEDITOR.trường hợp[InstanceName].updateElement();            
      }
</kịch bản>

Từ từ các nhà phát triển

CKEditor là một trình soạn thảo văn bản được sử dụng bên trong trang web. Nó là một trình soạn thảo WYSIWYG, có nghĩa là các văn bản được chỉnh sửa bởi người sử dụng sẽ càng gần càng tốt với sự xuất bản. Ông đã mang đến tính năng chỉnh sửa trang web phổ biến, tìm thấy trong máy tính để bàn ứng dụng chỉnh sửa, chẳng hạn như Microsoft Word và OpenOffice. Một khi CKEditor được cấp phép theo giấy phép “Mã nguồn mở” và các vấn đề thương mại, bạn có thể sử dụng nó trong bất kỳ loại ứng dụng. Đây là các biên tập viên lý tưởng cho các nhà phát triển, được thiết kế để cung cấp các giải pháp dễ dàng và mạnh mẽ cho người dùng của họ.

Biên tập viên khác

Phông chữ

Ở nơi đầu tiên là! Xem trang web của nhà phát triển để biết thêm chi tiết.

Tổng lượt truy cập: 59312

27 Bình luận trên “Biến TEXTAREA trong trình soạn thảo (WYSIWYG | CKEditor)

  1. Rất mát bài viết, phần mà tôi muốn sử dụng có liên quan đến chủ đề 6, xem xét CKEditor trong tiết kiệm trong html của bạn nội dung mô tả bên trong vùng văn bản cần gửi văn bản qua email với các định dạng html nhưng cần phải tiết kiệm trong BD txt định dạng tương tự. Bạn có bất kỳ gợi ý rằng tôi có thể sử dụng? :)

  2. Ronaldo cho biết:

    Guy, Tôi đang phát triển một dự án và một hình thức này có hai lĩnh vực textarea.
    Tôi đang sử dụng CKEditor người trong cả hai.

    Văn phòng giờ – Bên trái

    CKEDITOR. thay thế( ' expedienteEsq’ );
    CKEDITOR.add

    Văn phòng giờ – Bên phải

    CKEDITOR. thay thế( ' expedienteDir’ );
    CKEDITOR.add

    Trình soạn thảo được áp dụng một cách chính xác. Nhưng khi các hình thức xử lý một tập tin php nó chỉ nhận được dữ liệu từ các lĩnh vực đầu tiên và lần thứ hai sẽ void.

    Nó là một vấn đề với CKEditor? bởi vì nếu bạn không sử dụng nó tôi nhận được dữ liệu từ hai lĩnh vực thường
    .
    Tôi đã sử dụng các cấu trúc được đề xuất bởi các trang web riêng của mình CKeditor.

    • Xin chào Ronaldo, Tôi đã làm một bài kiểm tra ở đây và không có vấn đề. Hãy làm như sau, Lấy mã dưới đây, Đặt trong một tập tin “Teste.php” bên trong máy chủ của bạn, nhưng bị cô lập từ các ứng dụng của bạn là cho vấn đề. Lưu ý rằng khi gửi mẫu với hai textarea (CKEditor), các dữ liệu sẽ được gửi thường.

      Teste.php tập tin (HAI ĐỒNG THỜI TEXTAREAS)

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      
      <HTML>
        <đầu>
          <tiêu đề>CKEditor</tiêu đề>
          <meta content="text/html; charset = utf-8" http-equiv="content-type" />
          <script type="text/javascript" src="ckeditor/ckeditor.js"></kịch bản>
          <script type="text/javascript">
            Window.onload = chức năng()  {
              CKEDITOR. thay thế( 'editor1' );
              CKEDITOR. thay thế( 'editor2' );
           };
          </kịch bản>
        </đầu>
        <cơ thể>
          <form action="teste.php" method="post">
            <textarea id="editor1" name="editor1">Giá trị ban đầu 1</TextArea>
            <textarea id="editor2" name="editor2">Giá trị ban đầu 2</TextArea>
            <input type="submit" value="Submit" />
          </hình thức>  
        </cơ thể>
      </HTML>
      <?php ECHO ' Biên tập 1 ---> '.@$_ YÊU CẦU['editor1'].'<BR />'; ?>
      <?php ECHO ' Biên tập 2 ---> '.@$_ YÊU CẦU['editor2'].'<BR />'; ?>
  3. Ronaldo cho biết:

    Tôi đã cố gắng để vượt qua mã nhưng tôi không nghĩ rằng nó đã được xuất bản. Nhưng bạn biết những gì là sai với bên phải? Sử dụng CKEditor chỉ là một trong textarea gửi các dữ liệu khác là trống rỗng.

    • Ok, Tôi nghĩ rằng tôi hiểu. Như trên, Tôi không có cùng một vấn đề. Vì vậy, reanalise mã của bạn, xem nếu bạn không có nhiều hơn một trường (đầu vào) có cùng tên (Tên). Những cái ôm!

      • Ronaldo cho biết:

        Tôi quyết định với các mẹo của riêng bạn…. (6) TextArea (CKEditor) sản phẩm nào khi gửi biểu mẫu

        Nó là đủ để đưa các chức năng đó và ok :) Bằng cách này, bạn thông qua bằng cách sử dụng php bên phải? Ngay cả các trang trong php tôi đã triển khai các biên tập viên sử dụng javascript.
        Cảm ơn cho những lời khuyên

        tận dụng ngay cả khi q không phải là chủ đề của bài viết, Tôi chương trình một thời gian dài với java và .net, php để thời gian ít hơn và tôi chọn lên với ngày chuyển đổi chuỗi. Không có một chức năng trực tiếp, Làm thế nào để chuỗi đến nay (strtotime) Bên phải? Nghĩ rằng bạn biết tốt hơn q php tôi. Nếu bạn biết điều này gửi đến email của tôi ronaldodantas2@gmai.com

        Không cần để xuất bản chú thích này. Cảm ơn cho những lời khuyên.

  4. Xin chào Taylor rất tốt đăng bài của bạn.

    Đã được cài đặt và tôi đang sử dụng hoạt động tốt. Tôi có một nghi ngờ, Ví dụ trong blog của bạn bạn đã nhập trong hộp màu vàng với kịch bản. Làm thế nào bạn đã làm điều này? Và một tính năng trong ckeditor?

    Cảm ơn bạn

  5. Fernando cho biết:

    Làm thế nào để kích hoạt các ký tự đặc biệt của th(1 ĐẦU TIÊN) và th(THỨ HAI 2) TRỪ KHI TÔI NHẤP VÀO CÔNG CỤ CHÈN KÝ TỰ ĐẶC BIỆT? TÔI MUỐN LÀM ĐIỀU NÀY KHI GÕ TRÊN BÀN PHÍM RIÊNG CỦA MÌNH MÀ KHÔNG CẦN MỞ BẤT KỲ CỬA SỔ.

    • Guy, kiểm tra ở đây và chỉ cần làm các hình thức thông thường mà các công trình, TRÌNH DUYỆT IE, giữ phím ALT và nhập dãy số tương ứng với các biểu tượng bạn muốn. Ví dụ: ALT + 166 = Rd và ALT + 167 = °. Cho biết!

  6. James cho biết:

    Xin chào, Rất tốt đăng bài của bạn, Tôi bắt đầu làm việc với javascript bây giờ, và tôi cần phải tạo một văn bản biên tập, Tôi nghĩ rằng tôi sẽ sử dụng ckeditor, nhưng với các khó khăn để có thể thao tác nó, Tôi chỉ muốn bạn gõ , Tiết kiệm, mới, Hoàn tác, Làm lại, Dán, bản sao, và một sự lựa chọn của ngôn ngữ, chỉ thay vì là một hình thức của văn bản, Nó sẽ lập trình ngôn ngữ, và sau đó đã có thể xử lý các dữ liệu đã nhận, loại giống như một trình soạn thảo mã nguồn bình thường, chỉ trực tuyến, Nếu bạn có thể giúp tôi.

    • Rất tiếc, đó có thể có một cái gì đó với trình soạn thảo bạn đang sử dụng để viết mã. Hãy thử sử dụng một Notepad và nhập vào đoạn mã HTML đầy đủ, và xem nếu vấn đề vẫn còn.

      Cố gắng cũng được thiết lập chính sách có nói đến trang của bạn thiết lập bộ ký tự sử dụng (ISO-8859-1 hoặc UTF-8).

      1
      2
      3
      4
      5
      
      <cơ thể>
        <đầu>
            <META charset="UTF-8">
        </đầu> 
      ...

      SE está usando PHP, defina o charset início không làm código, Antes de qualquer coisa:

      1
      
        <?php tiêu đề("Content-Type: văn bản/html;  charset = ISO-8859-1",sự thật) ?>

      Ou ainda, tente tratar o conteúdo das requisições usando o charset correto:

      1
      
        htmlentities( utf8_decode($_ BÀI['biến']) );

      Thực tế là vấn đề mà bạn trích dẫn không có vẻ như CKEditor, tại sao tôi sử dụng nó trong nhiều ứng dụng và tôi không có vấn đề với các ký tự đặc biệt. Kiểm tra cũng giới thiệu trên trang web của nhà phát triển, và tôi thấy không có vấn đề. Nhìn thấy ở đó: http://ckeditor.com/demo

  7. Marcio cho biết:

    Good afternoon tôi cố gắng để có được các văn bản trong textArea thông qua javascript để gửi cho cơ sở dữ liệu, nhưng tôi không thể, là có bất kỳ phương pháp để có được các văn bản?
    Cảm ơn bạn

  8. Chào bạn.
    Tôi đang nghĩ đến việc sử dụng thiết bị này cho thuốc theo toa bác sĩ – Vì vậy, một cái gì đó đơn giản thậm chí.
    – Muốn biết làm thế nào để cấu hình trên thanh trên cùng (Các chức năng ở đâu) ẩn (giống như một nút nhỏ để làm cho cô ấy biến mất sau khi chỉnh sửa văn bản)
    – Cũng tại sao tôi nhận được thoát khỏi thanh dưới cùng (mà nó xuất hiện “cơ thể” và các thẻ khác) ?
    – Làm thế nào để thực hiện hộp văn bản với một “chiều cao” Tự động: loại hình, Nếu tôi kê toa 10 hộp sẽ encompridando thuốc trong khi tôi là đánh máy… Nếu tôi loại chỉ 1 thuốc là đỉnh cao của hộp mà tôi gõ…

    • Xin chào, Xin lỗi, Đã có một số vết cắt (thất bại) trong mã của bạn, Vì vậy, tôi đã kết thúc loại bỏ nó.

      Về việc này bạn cần, Nó là hoàn toàn có thể, nhưng tôi sẽ đề nghị tìm kiếm một chuyên gia JavaScript để giúp bạn hiểu được.

      Tôi sẽ chỉ nói cách đá:

      – Ẩn thanh công cụ (thanh công cụ):

      1
      2
      3
      
      var Biên tập viên = CKEDITOR.Inline( 'editor1', {
          removePlugins: 'thanh công cụ'
      } );

      – Ẩn footer (elementspath):
      http://ckeditor.com/forums/CKEditor-3.x/Disabling-Elements-Path-Display

      – Tăng chiều cao tự động (autogrow):
      http://sdk.ckeditor.com/samples/autogrow.html
      http://ckeditor.com/demo#auto-grow (cuộc biểu tình)

      Ví dụ:

      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>
        <đầu>
          <tiêu đề>CKEditor</tiêu đề>
          <Meta nội dung="text/html; charset = utf-8" http-equiv="content-type" />
          <script src="http:////CDN.CKEditor.com/4.5.3/BASIC/CKEditor.js"></kịch bản>
          <script src="plugin.js"></kịch bản>  <!-- nhận được plugin.JS tại http://CKEditor.com/Addon/autogrow-->  
          <kiểu kịch bản="text/javascript">
           cửa sổ.Khi tải trang = chức năng()  {
              CKEDITOR.thay thế( 'editor1', {             
                  removePlugins: 'elementspath', 
                  removePlugins: 'thanh công cụ',
                  extraPlugins: 'autogrow',
                  autoGrow_minHeight: 70,
                  chiều cao: '70px'
              });
           };
          </kịch bản>
        </đầu>
        <cơ thể>
          <hình thức hành động="request.php" phương pháp="post">
            <TextArea id="editor1" Tên="editor1">Văn bản ban đầu.</TextArea>
            <loại đầu vào="submit" giá trị="Submit" />
          </hình thức>  
        </cơ thể>
      </HTML>
  9. Claudio cho biết:

    Xin chào Taylor, Xin chúc mừng cho đăng bài rất tốt giải thích. Tôi muốn sử dụng trình soạn thảo này trong một ứng dụng PHP và muốn biết làm thế nào để tạo ra một combo (hoặc nút) trên thanh công cụ để mang lại cho BD dữ liệu để chèn vào văn bản? TRÌNH DUYỆT IE, Khi bạn bấm vào một nút sẽ mở một hộp thoại với kết quả của một truy vấn chọn kỷ lục.
    Bạn có thể?

  10. Glaydison Silva cho biết:

    Xin chào, Great đăng bài. Có thể đề nghị một bài mới? Cần giúp đỡ để thực hiện một nút để tải lên hình ảnh, bằng giới thiệu nơi bạn có thể di chuyển đến máy chủ và như vậy. Tôi có thể không cách nào.

Để lại câu trả lời

Các địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *