2013-03-19 45 views
7

Tôi sử dụng tinymce cho trang web tự động tạo ít nhất 5 văn bản.
Cấu hình tôi sử dụng chỉ hoạt động trên textarea đầu tiên không may.nhiều văn bản tinymce

tinyMCE.init({ 
    height : "300", 
    mode : "exact", 
    elements : "content", 
    theme : "simple", 
    editor_selector : "mceEditor", 
    ... 

<textarea class="mceEditor" name="content" rows="15" cols="40">content</textarea> 

cấu hình để cho phép chỉnh sửa TinyMCE trong tất cảtextarea 's là gì.

Trả lời

14

Nếu bạn đang sử dụng "chính xác" chế độ mà bạn sẽ cần phải xác định id của các yếu tố mà bạn muốn chuyển đổi cho người chỉnh sửa.

function initMCEexact(e){ 
    tinyMCE.init({ 
    mode : "exact", 
    elements : e, 
    ... 
    }); 
} 
// add textarea element with id="content" to document 
initMCEexact("content"); 
// add textarea element with id="content2" to document 
initMCEexact("content2"); 
// add textarea element with id="content3" to document 
initMCEexact("content3"); 

Hoặc, bạn có thể sử dụng chế độ "văn bản", áp dụng bừa bãi trình chỉnh sửa cho tất cả các văn bản.

function initMCEall(){ 
    tinyMCE.init({ 
    mode : "textareas", 
    ... 
    }); 
} 
// add all textarea elements to document 
initMCEall(); 

Chỉ cần nhớ rằng nếu bạn đang tạo textareas động, bạn sẽ cần phải gọi tinyMCE.init() sau tạo các yếu tố, bởi vì họ cần phải được hiện tại cho TinyMCE để có thể chuyển đổi chúng.

Here is the documentation on modes.

+1

Điều này chỉ hoạt động đối với TinyMCE 3.x. – acme

3

Bạn nên sử dụng chế độ khác trong cấu hình của mình. Đối với chế độ ví dụ: "specific_textareas" để làm việc cho tất cả các vùng văn bản với một lớp đã cho được chỉ định trong tham số editor_selector.

Để làm việc trên tất cả các textareas với lớp mceEditor bạn có thể sử dụng này:

tinyMCE.init({ 
    mode : "specific_textareas", 
    editor_selector : "mceEditor", 
    ..... 
+0

này không làm việc ở tất cả hợp lý. Nó chuyển đổi bộ chọn này VÀ TẤT CẢ CÁC TEXTAREAS KHÁC trừ những người có một lớp được chỉ định bởi "editor_deselector". Vì vậy, nói cách khác "editor_selector" không làm gì cả và chỉ "editor_deselector" hoạt động. Nếu bạn bỏ qua "editor_deselector", nó luôn luôn chọn tất cả các textareas. –

-1

Theo tinymce.com/wiki.php/Configuration:selector, chọn là cách được khuyến nghị chọn yếu tố nào có thể chỉnh sửa được.

Đối với tất cả các yếu tố textarea, theo yêu cầu:

selector: "textarea", 

Hoặc thanh lịch hơn, chỉ những phần tử với một thẻ CSS cụ thể:

selector: "textarea.editme", 

<textarea class="editme"> 
1

Đối TinyMCE 4.0 bạn phải sử dụng một bộ chọn hoặc xác định một đối tượng/phương thức tinymce.init cho mỗi cấu hình mong muốn (https://www.tinymce.com/docs/get-started/multiple-editors/).

Ví dụ, đây là một trang với 3 biên tập:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://cdn.tinymce.com/4/tinymce.min.js"></script> 
    <script type="text/javascript"> 
    tinymce.init({ 
    selector: '#myeditable-h1', 
    toolbar: 'undo redo' 
    }); 
    tinymce.init({ 
    selector: '.standard-editor' 
    }); 
    </script> 
</head> 

<body> 
    <form method="post"> 
    <h1 id="myeditable-h1">This Title Can Be Edited If You Click Here</h1> 
    </form> 

    <form method="post"> 
    <div id="myeditable-div1" class="standard-editor"> 
     <p>This section1 of content can be edited...</p> 
    </div> 

    <div id="myeditable-div2" class="standard-editor"> 
     <p>This section2 of content can be edited...</p> 
    </div> 

    </form> 
</body> 
</html> 
Các vấn đề liên quan