2011-10-12 42 views
16

Tôi phải sử dụng HTML 5 data attribute trong MCE nhỏ, nhưng trình chỉnh sửa luôn xóa chúng vì nó không phải thuộc tính được biết đến theo cấu hình mặc định valid_elements.TinyMCE, cho phép thuộc tính dữ liệu

Vì vậy, tôi có 2 vấn đề ở đây:

  • thuộc tính dữ liệu động (nó có thể là dữ liệu tùy chọn, dữ liệu kiểm tra, dữ liệu foo, vv ...) Vì vậy, tôi sẽ cần một giá trị ký tự đại diện hay gì đó.
  • Tôi muốn cho phép thuộc tính dữ liệu cho tất cả các thẻ.

Cho đến nay, tôi đã cố gắng:

extended_valid_elements : '@[id|class|title|style|data-options]', 

Và:

extended_valid_elements : '*[id|class|title|style|data*]', 

Nhưng nó không hoạt động :(

Trả lời

4

extended_valid_elements không phải là lựa chọn tốt nhất ở đây. Hava xem valid_elementssetting. Dưới đây là ví dụ

// The valid_elements option defines which elements will remain in the edited text when the editor saves. 
    valid_elements: "@[id|class|title|style|data-options|data*]," + 
    "a[name|href|target|title]," + 
    "#p,-ol,-ul,-li,br,img[src|height|width],-b,-i,-u," + 
    "-span[data-mce-type],hr", 
+6

Tại sao extend_valid_elements không phải là lựa chọn tốt nhất? Ngoài ra, từ những gì tôi đã hiểu, tùy chọn valid_elements phải xác định tất cả các thẻ & thuộc tính, vì nó sẽ ghi đè lên thẻ mặc định (nó sẽ không thêm/chắp thêm/hợp nhất định nghĩa của tôi với thực tế). Tôi không muốn khởi tạo TinyMCE của tôi là 300 + dòng dài ở mọi nơi tôi cần biên tập viên ... – FMaz008

+0

Trong trường hợp này, bạn không thêm các phần tử mới vào trình chỉnh sửa. Bạn chỉ muốn thêm thuộc tính. Nó có thể không phải là rất concenient, nhưng nó hoạt động bằng cách sử dụng tham số valid_elements? – Thariama

+0

@Thariama, Tôi gặp vấn đề tương tự như FMaz008, nhưng với tinymce tước thuộc tính đầu vào 'kiểu' của tôi. Tôi có 'valid_elements:" @ [id | class | style | title | dir govinda

3

Tôi đang sử dụng:

extended_valid_elements: "[email protected][data-options]" 

và nó làm việc cho tôi. (TinyMCE 4.3.11. Chú ý dấu +?)

+0

Điều này phù hợp với tôi nhưng thuộc tính tùy chỉnh không được hỗ trợ –

+0

Rất tiếc, tính năng này không hoạt động đối với tôi. Bạn có thể cung cấp thêm một chút chi tiết không? – jhned

+0

Cảm ơn bạn đã lưu ngày của tôi. Thuộc tính tùy chỉnh thực sự không được hỗ trợ, bởi vì AFAIK chúng không phải là HTML hợp lệ, nhưng bạn có thể sử dụng thuộc tính dữ liệu tùy chỉnh HTML5 ("data- *", như trong "data-myamazingcustomattribute") –

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