2012-11-28 25 views
19

(Có thể trùng lặp: CKEditor - No toolbars)Tôi có thể sử dụng CKEditor không có thanh công cụ không?

Tôi muốn tạo một cá thể CKEditor không có thanh công cụ. Tôi đã thử xác định thanh công cụ trống để sử dụng trong cấu hình của ví dụ

oConfigName.toolbar = 'Custom'; 
oConfigName.toolbar_Custom = []; 

nhưng tôi nhận được thanh công cụ trống nhỏ theo cá thể của mình thay vì không có thanh công cụ.

Tôi đang sử dụng inline editing bằng CKEditor4.

Trả lời

27

Wow :) Đây là điều chúng tôi chưa từng nghĩ đến trong khi triển khai thanh công cụ. Nhưng tôi vừa kiểm tra xem bạn có thể gỡ bỏ plugin thanh công cụ không, vì nó không được yêu cầu bởi bất kỳ plugin nào khác.

Vì vậy build your own gói ckeditor không thanh công cụ hoặc sử dụng removePlugins cấu hình - ví dụ .:

var editor = CKEDITOR.inline('editable', { 
    removePlugins: 'toolbar' 
}); 

Cập nhật: Trong ckeditor 4.1 các Advanced Content Filter đã được giới thiệu. Trong automatic mode, nó được cấu hình bằng các nút được tải vào thanh công cụ. Nếu không có toolbar Plugin ACF không được cấu hình, vì vậy người ta cần phải làm điều này trên riêng của mình:

var editor = CKEDITOR.inline('editable', { 
    removePlugins: 'toolbar', 
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height];' 
}); 
+3

câu trả lời tuyệt vời, việc xóa plugin thanh công cụ hoạt động hoàn hảo. Đối với ACF, mọi người sẽ gọi điều cấm kỵ này, nhưng bạn có thể đặt *** 'config.allowedContent' thành' true' *** nếu bạn không muốn liệt kê hầu hết mọi phần tử html có, không và sẽ tồn tại . – bendman

+0

Hehe :) Khi bạn muốn cho phép * "hầu hết mọi phần tử html" *, thì chắc chắn là có thể chấp nhận để tắt ACF. – Reinmar

1

Thêm này dòng này để config.js tập tin

config.removePlugins= 'toolbar' 
0

Tôi đã thêm mới vào trong dự án của tôi để ẩn/hiển thị thanh công cụ.

function onClickToolbarButton() { 
 
    var bar = document.getElementById("cke_1_top"); 
 
    if(bar.style.display == "none"){ 
 
     bar.style.display = "block"; 
 
    }else{ 
 
     bar.style.display = "none"; 
 
    } 
 

 
    //resize web page 
 
    //onresize(); 
 
}

Gọi chức năng này mọi thời gian, nếu bạn muốn ẩn/hiển thị thanh công cụ.

Các vấn đề liên quan