it-swarm.com.de

Ich verwende tinymce. Kann ich nur einen Textbereich beantragen?

Ich verwende tinymce, ich habe mehrere Textbereiche auf meiner Seite. Kann man nur einen Textbereich beantragen, 

Ein Textbereich dient zur Beschreibung Die Validierung ist wie folgt 

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

Ich habe jedoch noch 3 weitere Textbereiche auf meiner Seite, daher sollte tineMCE nicht für alle diese Textbereiche gelten

Wie kann ich mich nur für einen Textbereich bewerben?

 // Dies ist mein tinyMCE-Code 
 tinyMCE.init ({
 mode: "textareas", 
 theme: "advanced" 
}); 

 // /tinyMCE
30
Navruk

Für die textarea weisen Sie der textarea-Eigenschaft einen class="" zu

<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

In der TinyMCE 3.x-Konfiguration können Sie Klassen-Selektoren oder -Deselectors verwenden, um TinyMCE für bestimmte Textbereiche mit bestimmten Klassen zu aktivieren oder zu deaktivieren. Platzieren Sie einfach das class=""-Attribut in Ihrem Textbereich.

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

Quelle .


Ab 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

Quelle .

42
Dunhamzzz

In TinyMCE 4.x gibt es keinen Deselector, so dass Sie mit Hilfe von normalem CSS feststellen können, welche Textbereiche ausgewählt sind und welche nicht. 

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

In TinyMCE 4.x können Sie die editor_selector -Option verwenden, aber zuvor müssen Sie den Modus auf 'Specific_textareas' aktualisieren. 

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

Fügen Sie in Ihrem Textbereich auch eine css-Klasse hinzu, die mit dem Wert von editor_selector identisch ist. Das obige Beispiel sieht so aus:

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

in diesem Textbereich wird jetzt ein Editor hinzugefügt, der eine Klasse mit dem Namen "mceEditor" hat.

3
user2395940

Was in Version 4.6.4 für mich funktioniert hat, ist einfacher:

Ich habe gerade #my_text_area_id wie folgt an meinen Selektor angehängt

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

ich hoffe es hilft

Sie können dies tun, indem Sie eine selector verwenden.

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