theo dõi

Gần nhất :

Thống kê câu hỏi

Chuyên mục : Lập trình
Topic : Asp.Net MVC
Hỏi lúc:
Lượt xem: 6,471

Hướng dẫn cách cấu hình CKEditor trong MVC

Trịnh Hoàng Tâm Trịnh Hoàng Tâm
 04  01  01
04 bình chọn hữu ích bởi Hoàng Quang Khôi, Vũ Trí Thắng Hoàng Bích Quân ... (tất cả)

Chào mọi người. 

Em đang làm trang web sử dụng ASP.NET, trong đó có phần thêm mới tin tức. Em muốn dùng CKEditor để viết nội dung, nhưng không biết cấu hình như thế nào cả? Anh chị nào có thể hướng dẫn em với được không ạ?

6,471 xem 05 theo dõi 04 hữu ích hỏi –

Bạn biết ai đó có thể trả lời câu hỏi này?. Bạn có thể giúp đỡ bằng cách tìm những người giỏi nhất:

user user user user user

Bùi Quang Trung Bùi Quang Trung
 04  01  01
02 bình chọn hữu ích bởi Dương Ðăng Khoa Tạ Bích Huệ

1. Bạn download phiên bản CKEditor mới nhất

  • CKEditor nữa đó là cho phép tích hợp các plugin hỗ trợ ( các bạn có thể tự code plugin cho riêng mình hoặc download các plugin do công đồng phát triển )
  • Có rất nhiều Plugin hữu ích do cộng đồng phát triển cho CKEditor như : hỗ trợ gõ công thức toán học , hiển thị tô sáng các mã nguồn ... bạn có thể download thêm plugin từ địa chỉ : http://ckeditor.com/addons/plugins/all

2. Sử dụng CKEditor trong html thuần

Nguyên tắc chung là ta khi báo 1 thẻ textarea trong html , sau đó chỉ định id hoặc class để thư viện CKEditor định dạng cho textarea 

Định dạng textarea dùng thuộc tính class : trong file html cần định dạng CkEditor như sau :

<script src="ckeditor/ckeditor.js"></script>

Mã HTML tạo textArea (chú ý cần khai báo thuộc tính id cho textarea) :

<textarea class="ckeditor" id="ckeditor" />

Bạn viết mã như sau:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="ckeditor/ckeditor.js"></script>
</head>
<body>
    <textarea class="ckeditor" id="ckeditor" />
</body>
</html>

3. Sử dụng CKEditor trong MVC

@model string
<script src="~/Scripts/ckeditor/ckeditor.js" type="text/javascript"></script>         
<script type="text/javascript">
    $(document).ready(function () {
        CKEDITOR.replace('ckeditor');
    });  
</script>
@Html.TextArea("", new { @class = "ckeditor" })
6,212 xem 02 hữu ích trả lời –