Làm cách nào để định cấu hình Tinymce để cho phép nhúng thẻ khi chỉnh sửa html?

Question

Tôi muốn người dùng có thể sao chép và dán các thẻ nhúng cho video (youtube, vimeo, v.v ..) vào trình soạn thảo html của tinymce. Tôi đã thử mọi giải pháp tôi có thể tìm thấy trên internet - tuy nhiên tinymce luôn loại bỏ bất kỳ thẻ nhúng nào trong mã nhúng video khi tôi nhấn cập nhật trong trình chỉnh sửa html.

Đây là hiện kịch bản TinyMCE init của tôi:

tinyMCE.init({ 
    mode: "textareas", 
    valid_elements: "*[*]", 
    extended_valid_elements: "embed[width|height|name|flashvars|src|bgcolor|align|play|loop|quality|allowscriptaccess|type|pluginspage]", 
    theme: "advanced", 
    theme_advanced_buttons1: "code", 
    media_strict: false 
}); 

Nếu tôi tắt TinyMCE của "dọn dẹp" chức năng (dọn dẹp: false) ... mà tôi không muốn làm ... sau đó mọi thứ suôn sẻ như mong muốn

Tôi đã thử nhiều phiên bản extend_valid_elements và các tùy chọn khác nhưng không tìm thấy phiên bản nào hoạt động. Tôi đang làm gì sai?

Cảm ơn trước, Shane

Answer 1

Đối với những gì nó có giá trị - sau nhiều đường mòn và lỗi Tôi đã học được rằng bạn phải bao gồm các plugin phương tiện truyền thông để có được media_strict để làm việc. Nếu điều này được ghi lại ở đâu đó thì tôi phải bỏ qua nó. Dưới đây là một kịch bản init cập nhật cho phép tôi để chèn thẻ nhúng qua trình biên tập html trong TinyMCE:

tinyMCE.init({ 
    mode: "textareas",  
    plugins: "media", 
    theme: "advanced", 
    theme_advanced_buttons1: "code", 
    media_strict: false 
}); 

này được biết đến để làm việc với TinyMCE ver 3.2.5 & 3.3.8 - nhưng như đã nêu dưới đây có thể có vấn đề với tinymce ver 3.3.5

Answer 2

FYI, tôi cũng có iFrame fix nếu bạn có kế hoạch bao gồm GOOGLE MAPS chẳng hạn.

extended_valid_elements: "iframe[src|width|height|name|align], embed[width|height|name|flashvars|src|bgcolor|align|play|loop|quality|allowscriptaccess|type|pluginspage]", 

Answer 3

Nếu bạn đang cố gắng đạt được điều này từ plugin tinymce thì mã sau có thể thực hiện thủ thuật trong phần init của plugin.

ed.onPreInit.add(function() { 
       // Allow video elements 
       ed.schema.addValidElements('object[id|style|width|height|classid|codebase|*],param[name|value],embed[id|style|width|height|type|src|*],video[*],audio[*],source[*]'); 
      }); 

Điều này được lấy từ plugin phương tiện.