web-dev-qa-db-fra.com

J'utilise tinymce, est-il possible de postuler pour un seul texte

J'utilise tinymce, j'ai plusieurs zones de texte sur ma page. Est-il possible de postuler pour une seule zone de texte, 

1 zone de texte est pour la description Validation est comme ci-dessous 

 var text = tinyMCE.get ('txtdesc'). getContent (); 

Mais j'ai plus de 3 zones de texte supplémentaires dans ma page afin que tineMCE ne devrait pas s'appliquer à toutes ces zones de texte

Comment puis-je appliquer uniquement pour une zone de texte

 // c'est mon code tinyMCE 
 tinyMCE.init ({
 mode: "textareas", 
 thème: "advanced" 
}); 

 // /tinyMCE
30
Navruk

Pour textarea attribuer un class="" à la propriété textarea, cela vous aidera

<script type="text/javascript">
    tinyMCE.init({
        //mode : "textareas",
        mode : "specific_textareas",
        editor_selector : "myTextEditor",
        theme : "simple"
    });
</script>

<textarea id="txtdesc" name="txtdesc" class="myTextEditor" rows="6" cols="96" ></textarea>
62
chinna

Dans la configuration TinyMCE 3.x, vous pouvez définir des sélecteurs ou des désélectionneurs de classe pour activer ou désactiver spécifiquement TinyMCE sur les zones de texte de certaines classes. Il vous suffit de définir l'attribut class="" sur votre zone de texte.

editor_deselector : "mceNoEditor" // class="mceNoEditor" will not have tinyMCE
editor_selector : "mceEditor", // class="mceEditor" will.

La source .


À partir de TinyMCE 4.0.x

selector: "textarea", // Select all textarea
selector: "textarea.editme", // Select all textarea with the class editme
selector : "textarea:not(.mceNoEditor)", // Select all textarea exluding the mceNoEditor class

La source .

42
Dunhamzzz

Dans TinyMCE 4.x, il n'y a pas de désélection, vous pouvez donc utiliser des CSS normaux pour déterminer quelles zones de texte sont sélectionnées et lesquelles ne le sont pas. 

<script type="text/javascript">
  tinymce.init({
        selector: "textarea:not(.textarea-no-styles)",
 });
</script>
6
KEOKI

Dans TinyMCE 4.x, vous pouvez utiliser l’option editor_selector, mais avant cela, assurez-vous de mettre à jour le mode avec 'specific_textareas'. 

    <script type="text/javascript">
  tinymce.init({
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    });
</script>

Ajoutez également la classe css identique à la valeur editor_selector dans votre zone de texte, comme dans l'exemple ci-dessus, elle devrait ressembler à ceci:

<textarea id='textarea1' class='mceEditor'>first text area</textarea>

maintenant, l'éditeur sera ajouté dans les zones de texte ayant une classe nommée 'mceEditor'.

3
user2395940

Voici ce qui a fonctionné pour moi sur la version 4.6.4, et c'est plus simple:

Je viens d'ajouter #my_text_area_id à mon sélecteur comme suit

selector: 'textarea#Elm1'
<textarea id="Elm1" ...>...</textarea>

j'espère que ça aide

1

Vous pouvez le faire en utilisant un selector .

selector: "#text_area_id", // Select with textarea id
0
sandeep kumar