Tạo cho biên tập viên một soạn thảo như in đậm, in nghiên, màu sắc, chèn đường dẫn… Hướng dẫn sử dụng ckeditor sẽ giải quyết điều này cho bạn. Và hầu như tất cả các trang quảng trị mà chúng ta tạo ra điều sử dụng một trong các chương trình soạn thảo để cho biên tập viên thuận tiện hơn trong việc trình bày nội dung của mình.
Trước tiên bạn download thư viện Javascript ckeditor về tại đây
Chèn mã nguồn Ckeditor vào trang web
Sau khi download Ckeditor về tiếp theo bạn đưa thư viện này vào trang web mà bạn muốn sử dụng. Thường là trang quản trị phần chi tiết của bài viết
Đoạn mã đưa vào như sau:
1 |
<script src="../ckeditor.js"></script> |
Lưu ý: nhớ đưa vào đúng đường dẫn để thư viện ckeditor có thể thực thi được.
Ckeditor sử dụng với thẻ html <textarea>
Mã nguồn ví dụ demo hoàn thành cho ckeditor
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="utf-8"> <title>Hướng dẫn sử dụng CKEditor</title> <!-- Đưa đường dẫn vào. --> <script src="../ckeditor.js"></script> </head> <body> <form> <textarea name="editor1" id="editor1" rows="10" cols="80"> This is my textarea to be replaced with CKEditor. </textarea> <script> // Replace the <textarea id="editor1"> with a CKEditor // instance, using default configuration. CKEDITOR.replace( 'editor1' ); </script> </form> </body> </html> |
Chúc bạn thành công với hướng dẫn sử dụng ckeditor !