mehrere Texteingabefelder tinymce

Verwende ich tinymce für eine Webseite, die dynamisch generiert mindestens 5 Texte.

Die Konfiguration, die ich nur auf dem ersten textarea leider.

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 die Konfiguration zu aktivieren tinymce Bearbeiten in alle textarea's.

InformationsquelleAutor Udo | 2013-03-19
  1. 21

    Wenn Sie "exakt" - Modus müssen Sie geben Sie die ids der Elemente, die Sie konvertieren möchten, an die Redaktion.

    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 Sie können das "textarea" - Modus, die unterschiedslos gilt, dass der editor alle Texteingabefelder.

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

    Nur daran erinnern, dass, wenn Sie erstellen Texteingabefelder dynamisch, müssen Sie den Aufruf von tinyMCE.init() nach erstellen der Elemente, denn diese müssen die bestehenden für tinyMCE in der Lage sein, Sie zu bekehren.

    Hier ist die Dokumentation über die Betriebsarten.

    • Das funktioniert nur, TinyMCE 3.x.
    InformationsquelleAutor DustyWall
  2. 3

    Für TinyMCE 4.0 müssen Sie mithilfe einer Auswahl oder Definition eines tinymce.init-Objekt/Methode für jede gewünschte Konfiguration (https://www.tinymce.com/docs/get-started/multiple-editors/).

    Dies ist ein Beispiel für eine Seite mit 3 Redaktion:

    <!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>
    InformationsquelleAutor Alex Vazhev
  3. 2

    Sollten Sie verwenden verschiedene Modus in der Konfiguration. Für den Beispiel-Modus: "specific_textareas" Arbeit für alle textarea mit einer bestimmten Klasse, die angegeben ist in der editor_selector parameter.

    Um die Arbeit auf alle Texteingabefelder mit der Klasse mceEditor diese:

    tinyMCE.init({
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    .....
    • Dieses funktioniert überhaupt nicht vernünftig. Es wandelt Sie diesen Selektor, UND ALLE ANDEREN TEXTEINGABEFELDER, außer für diejenigen, die mit einer angegebenen Klasse "editor_deselector". Also in anderen Worten "editor_selector" nichts tut und nur "editor_deselector" funktioniert. Wenn man "editor_deselector" es ist einfach immer wählt alle Texteingabefelder.
    InformationsquelleAutor Elena Slavcheva
  4. 0

    Klasse im Selektor
    ich habe zwei oder mehr textarea, die ich will, init denen mit tiny int, so

    <textarea class="mytextarea"></textarea>
<textarea class="mytextarea"></textarea>
.
.
.

    in init tinyint-code:

    tinymce.init({
    selector: 'textarea.mytextarea',
    plugins : 'advlist autolink link lists preview table code pagebreak',
    .
    .
    .
    InformationsquelleAutor Omid Ahmadyani
  5. -1

    Laut tinymce.com/wiki.php/Configuration:selector, Selektor ist der empfohlene Weg, die Auswahl, welche Elemente sollten bearbeitbar sein.

    Für alle textarea-Elemente, wie gewünscht:

    selector: "textarea",

    Oder mehr aus, nur die Elemente mit einem bestimmten CSS-tag:

    selector: "textarea.editme",

<textarea class="editme">
    InformationsquelleAutor Dan Ullom
Schreibe einen Kommentar