plusieurs tinymce textareas

J'utilise tinymce d'une page qui génère dynamiquement au moins 5 textes.
La configuration que j'utilise ne fonctionne que sur le premier textarea malheureusement.

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

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

Quelle est la configuration pour activer tinymce édition dans tous textarea'.

OriginalL'auteur Udo | 2013-03-19

  1. 18

    Si vous utilisez "exact" mode vous aurez besoin de spécifier l'id des éléments que vous souhaitez convertir à l'intention des rédacteurs.

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

    Ou, vous pouvez utiliser le "textarea" mode, qui s'applique indistinctement à l'éditeur de tous les textareas.

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

    Souvenez-vous que si vous êtes à la création de ces zones de texte de façon dynamique, vous aurez besoin de faire appel tinyMCE.init() après créer les éléments, parce qu'ils ont besoin d'être existant pour tinyMCE être en mesure de les convertir.

    Voici de la documentation sur les modes de.

    Cela ne fonctionne que pour les TinyMCE 3.x.

    OriginalL'auteur DustyWall

  2. 2

    Vous devez utiliser les différents mode dans votre configuration. Par exemple, en mode: "specific_textareas" au travail pour tous les textarea avec une classe donnée qui est spécifié dans le editor_selector paramètre.

    Afin de travailler sur tous les textareas avec classe mceEditor vous pouvez utiliser ceci:

    tinyMCE.init({
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    .....
    Cela ne fonctionne pas à tous les judicieusement. Il convertit ce sélecteur ET TOUS les AUTRES TEXTAREAS à l'exception de ceux avec une classe spécifiée par "editor_deselector". Donc, en d'autres mots "editor_selector" ne fait rien et que "editor_deselector". Si vous laissez de côté "editor_deselector" il vient toujours sélectionne tous les textareas.

    OriginalL'auteur Elena Slavcheva

  3. 2

    Pour TinyMCE 4.0, vous devez utiliser un sélecteur ou la définition d'une tinymce.init de l'objet, de méthode, pour chaque configuration souhaitée (https://www.tinymce.com/docs/get-started/multiple-editors/).

    Par exemple, c'est une page avec 3 éditeurs:

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

    OriginalL'auteur Alex Vazhev

  4. 0

    utilisation de la classe dans le sélecteur
    j'ai deux ou plus textarea que je veux init ceux avec de minuscules int de sorte

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

    dans l'init de type tinyint code:

    tinymce.init({
    selector: 'textarea.mytextarea',
    plugins : 'advlist autolink link lists preview table code pagebreak',
    .
    .
    .

    OriginalL'auteur Omid Ahmadyani

  5. -1

    Selon tinymce.com/wiki.php/Configuration:selector, sélecteur est recommandé de choisir quels éléments devraient être modifiable.

    Pour tous les textarea éléments, comme demandé:

    selector: "textarea",

    Ou plus élégamment, seuls ces éléments avec une CSS spécifique tag:

    selector: "textarea.editme",

<textarea class="editme">

    OriginalL'auteur Dan Ullom