2013-03-19 41 views
7

Dinamik olarak en az 5 metin üreten bir web sayfası için tinymce kullanıyorum.
Yalnızca kullandığım yapılandırma sadece ilk textarea'da çalışıyor. tümtextarea 's tinymce düzenleme etkinleştirmek için yapılandırma nedirçok sayıda tinymce textareas

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

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

.

cevap

14

editörlere.

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"); 

Veya, gelişigüzel her textareas için editör geçerlidir "textarea" modunu kullanabilirsiniz.

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

Sadece dinamik textareas oluşturuyorsanız onlar TinyMCE onları dönüştürmek mümkün olabilmesi için mevcut olması gerekir, çünkü, elementler oluşturarak sonra tinyMCE.init() çağırmanız gerekir unutmayın.

Here is the documentation on modes.

+1

Bu sadece TinyMCE 3.x için çalışır. – acme

3

Yapılandırmanızda farklı mod kullanmalısınız. Örneğin mod: editor_selector parametresinde belirtilen belirli bir sınıf ile tüm textarea için çalışmak için "specific_textareas".

bunu kullanabilirsiniz mceEditor sınıfıyla tüm textareas üzerinde çalışmak amacıyla: Eğer "kesin" modu dönüştürmek istediğiniz öğelerin kimliklerini belirtmek gerekir kullanıyorsanız

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

Bu hiç mantıklı çalışmaz:

Örneğin, bu 3 editörlerle bir sayfadır. "Editor_deselector" tarafından belirtilen bir sınıftakiler hariç, bu seçiciyi VEYA DİĞER TÜM TEXTAREAS'ı dönüştürür. Yani başka bir deyişle "editor_selector" hiçbir şey yapmaz ve sadece "editor_deselector" çalışır. "Editor_deselector" ı bırakırsanız, her zaman tüm textareas'ı seçer. –

-1

tinymce.com/wiki.php/Configuration:selector'a göre, seçicinin hangi öğelerin düzenlenebilir olması gerektiğini seçmeniz önerilir. Tüm textarea öğeleri için

, istendiği gibi:

selector: "textarea", 

Ya da daha zarif, belirli bir CSS etiketi ile sadece bu elemanlar:

selector: "textarea.editme", 

<textarea class="editme"> 
1

TinyMCE 4.0 için bir seçici veya tanımlama kullanmak zorunda istenen her konfigürasyon için bir tinymce.init nesnesi/metodu (https://www.tinymce.com/docs/get-started/multiple-editors/).

<!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>