multiple tinymce Textbereiche

I verwenden tinymce für eine Webseite, die mindestens 5 Texte dynamisch erzeugt. leider funktioniert
Die Konfiguration, die ich nur auf den ersten textarea verwenden.multiple tinymce Textbereiche

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

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

Was ist die Konfiguration tinymce Bearbeitung in alletextarea ‚s zu ermöglichen.

Quelle

2013-03-19 Udo

Wenn Sie mit „exakt“ Modus Sie werden die IDs der Elemente angeben müssen Sie konvertieren möchten an die Redaktionen.

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

Oder können Sie das „Textarea“ -Modus verwendet werden, die wahllos den Editor für alle Textbereiche gilt.

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

Denken Sie daran, dass, wenn Sie Textfelder dynamisch erstellen, müssen Sie tinyMCE.init() nach Schaffung der Elemente nennen, denn sie müssen bestehende werden für tinyMCE Lage sein, sie zu konvertieren.

Here is the documentation on modes.

Quelle

2014-01-04 01:27:39 DustyWall

Dies funktioniert nur für TinyMCE 3.x. – acme

sollten Sie anderen Modus in Ihrer Konfiguration verwenden. Zum Beispiel mode: "specific_textareas", um für alle textarea mit einer bestimmten Klasse zu arbeiten, die im Parameter editor_selector angegeben ist.

Um auf alle Textfelder mit Klasse zu arbeiten mceEditor Sie diese verwenden können:

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

Quelle

2013-03-20 09:19:35

Diese arbeiten alle nicht an sinnvoll. Es konvertiert diesen Selektor UND ALLE ANDEREN TEXTAREAS außer denen mit einer durch "editor_deselector" angegebenen Klasse. Mit anderen Worten, "editor_selector" tut nichts und nur "editor_deselector" funktioniert. Wenn Sie "editor_deselector" weglassen, werden immer alle Textfelder ausgewählt. –

-1

Nach tinymce.com/wiki.php/Configuration:selector ist Selektor die empfohlene Art der Auswahl, welche Elemente bearbeitet werden sollen.

Für alle Textfeldelemente, wie gewünscht:

selector: "textarea",

Oder eleganter, nur die Elemente mit einem bestimmten CSS tag:

selector: "textarea.editme", 

<textarea class="editme">

Quelle

2015-04-15 15:18:02

Für TinyMCE 4.0 Sie haben einen Selektor zu verwenden oder zu definieren, ein tinyMCE.init Objekt/Verfahren für jede gewünschte Konfiguration (https://www.tinymce.com/docs/get-started/multiple-editors/).

Zum Beispiel ist dies eine Seite mit 3 Herausgeber:

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

Quelle

2016-11-18 17:24:49

multiple tinymce Textbereiche

Antwort

Verwandte Themen