2013-03-24 15 views
6

Tôi muốn sử dụng trình chỉnh sửa KendoUI về cơ bản chỉ cho phép người dùng định dạng văn bản thành các đoạn văn. Có thể cho phép in đậm và gạch dưới.Làm thế nào tôi có thể loại bỏ tất cả các định dạng html từ văn bản khi dán vào KendoUI Editor?

Tôi đang phải vật lộn với 2 điều:

  1. Tôi muốn gỡ bỏ tất cả định dạng html từ văn bản khi dán
  2. Tôi muốn vô hiệu hóa các phím tắt cho đậm, gạch chân vv - họ dường như làm việc ngay cả khi phần tử thanh công cụ không có ở đó.

Cảm ơn!

Trả lời

8

Chỉ dán văn bản bạn có thể xác định trình xử lý dán xóa tất cả trừ văn bản. Đây là đơn giản như:

$("#editor").kendoEditor({ 
    paste: function (ev) { 
     ev.html = $(ev.html).text(); 
    } 
}); 

Việc xử lý paste nhận như là đối số sự kiện có trong html văn bản đang được phân tích. Chúng tôi có thể sử dụng jQuery để chỉ nhận được văn bản bằng cách sử dụng $(ev.html).text()

Để xóa phím tắt và theo tôi có thể kiểm tra bằng phiên bản Kendo UI mới nhất, nếu bạn chỉ xác định các công cụ bạn muốn, chỉ những phím tắt đó mới hoạt động. Vì vậy, nếu bạn nói điều gì đó như:

$("#editor").kendoEditor({ 
    tools: [ 
     "italic" 
    ], 
    paste: function (ev) { 
     ev.html = $(ev.html).text(); 
    } 
}); 

Chỉ italic shortcut <ctrl>+i có sẵn. Nếu bạn để trống tools mảng thì bạn không có bất kỳ mảng nào.

+0

Điều đó có thể hoạt động đối với trình xử lý dán, cảm ơn. (tuy nhiên, do các ràng buộc về thời gian và một số tính năng khác, như danh sách trắng thẻ, tôi đã quyết định truy cập TinyMCE như một giải pháp nhanh hơn) Về phím tắt, thật không may là vậy - tôi để lại các mảng công cụ trống và vẫn có thể + b vv – richardwhatever

+0

Nó hoạt động cho tôi trong OSX và Firefox và Chrome với Kendo UI 2013.1.319 ... Kiểm tra ở đây http://jsfiddle.net/OnaBai/5yXej/ Tôi cũng đã thử với Kendo UI 2012.3.1319 và nó hoạt động quá. Bạn đã thử môi trường nào? Liên kết này có hoạt động không? – OnaBai

+0

Chỉ cần thử trên Windows7 và Chrome. Tôi gõ một số văn bản, chọn nó và nhấn CTRL-B và nó in đậm. – richardwhatever

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