2012-02-01 26 views
7

Làm thế nào tôi có thể làm điều nàyThêm TinyMCE để textarea mới động

function addTinyText(id, text){ 
//add textarea to DOM 
$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body'); 
//init tineMCE 
tinyMCE.init({ 
     theme : "advanced", 
     plugins : "emotions,spellchecker" 
}); 
//add tinymce to this 
tinyMCE.execCommand("mceAddControl", false, 'txt'+id); 
} 

nhưng kết quả là mỗi khi chúng tôi có một textarea mới + TinyMCE nhưng không có văn bản bên

tôi làm gì sai?

+0

hoạt động tốt trên hệ thống của tôi (FF9), bạn đang sử dụng trình duyệt nào? – Thariama

+0

trình duyệt của tôi là Chrome 16 - và mã của tôi thực sự hoạt động tốt trên đó. mb bất kỳ mâu thuẫn nào có vấn đề với – Luciuz

+0

, nếu văn bản chứa các thẻ là

và những người khác – Luciuz

Trả lời

1

dòng

$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body'); 

nên dòng

$('<textarea id="txt'+id+'"></textarea>').text(text).appendTo('body'); 
3

tôi đã tìm kiếm một thời gian rất dài để tìm câu trả lời cho một vấn đề tương tự.

Nội dung của tôi không được đăng ngay cả khi tôi có thể yêu cầu trình chỉnh sửa xuất hiện.

tôi nhận nó làm việc như thế này:

jQuery('.wysiwyg').tinymce({ 
     // Location of TinyMCE script 
     script_url : 'path/tinymce/tiny_mce.js', 

     // General options 
     theme : "advanced", 
    ......... 
    ......... 
    ......... etc 

tôi đã sử dụng mã jquery tiêu chuẩn để tiến hành tất cả các lĩnh vực văn bản với tên lớp wysiwyg như các đối tượng TinyMCE.

Sau cuộc gọi ajax hoàn thành và textarea mới được nạp tôi chạy chức năng này:

jQuery(".wysiwyg").each(function(){ 
    tinyMCE.execCommand("mceAddControl",false, this.id); 
}); 

Bây giờ mã của tôi cuối cùng cũng được đăng tải một cách chính xác.

+10

Trong TinyMCE 4, mceAddControl trở thành mceAddEditor ... –

+1

@DentraAndres Cảm ơn bạn rất nhiều. Đây là một thất bại lớn trên tất cả các hướng dẫn và bài đăng trên blog về chủ đề này. Chi tiết quan trọng nếu bạn đang cố gắng tự động khởi tạo một vùng văn bản TinyMCE .. – Henrik