J'utilise tinymce, est-il possible de postuler pour un seul textarea
J'utilise tinymce, j'ai plusieurs zones de texte sur ma page. Est-il possible de postuler pour un seul textarea,
1 zone de texte est pour la description la validation est comme ci-dessous
var text = tinyMCE.get('txtdesc').getContent();
Mais j'ai plus de 3 zones de texte dans ma page, donc tineMCE ne devrait pas s'appliquer à toutes ces zones de texte
Comment puis-je postuler uniquement pour une zone de texte
// this is my tinyMCE code
tinyMCE.init({
mode : "textareas",
theme : "advanced"
});
// /tinyMCE
6 réponses
Pour le textarea affecter un class="" à textarea propriété, cela prendra en charge pour vous
<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>
Dans le TinyMCE 3.x config vous pouvez mettre des sélecteurs de classe ou des deselectors pour activer ou désactiver spécifiquement TinyMCE sur textareas avec certaines classes, il suffit de mettre l'attribut class="" sur votre textarea.
editor_deselector : "mceNoEditor" // class="mceNoEditor" will not have tinyMCE
editor_selector : "mceEditor", // class="mceEditor" will.
À 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
Dans TinyMCE 4.x il n'y a pas de désélectionneur, vous pouvez donc utiliser le css normal pour déterminer les zones de texte sélectionnées et celles qui ne le sont pas.
<script type="text/javascript">
tinymce.init({
selector: "textarea:not(.textarea-no-styles)",
});
</script>
Dans TinyMCE 4.x, vous pouvez utiliser l'option editor_selector, mais avant cela, assurez-vous que vous devez mettre à jour le mode 'specific_textareas'
<script type="text/javascript">
tinymce.init({
mode : "specific_textareas",
editor_selector : "mceEditor",
});
</script>
Ajoutez également une 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, editor sera ajouté dans ces zones de texte qui ont une classe nommée 'mceEditor'.
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
Vous pouvez le faire en utilisant un selector.
selector: "#text_area_id", // Select with textarea id