Options d'éditeur de texte simple et riche dans l'éditeur TinyMce

Question

J'utilise l'éditeur tinymce pour donner un bon look de textarea où l'utilisateur écrive quelques commentaires. Je veux lui donner deux options: l'une est en texte brut et l'autre est une option d'éditeur de texte riche. Lorsque l'utilisateur clique sur l'option de texte brut, toute l'option de texte enrichi est supprimée et lorsque l'utilisateur clique sur un texte riche, il obtient toutes les options de mise en forme du texte. Je veux le faire dans TinyMce Editor.

Est-ce que quelqu'un sait comment l'implémenter? Je cherche depuis 6 jours comment implémenter ceci mais je n'ai pas réussi à trouver une solution.

Answer 1

Eh bien, vous pouvez jeter un coup d'oeil ici:

Toggle editor with JavaScript

Le code utilisé est:

toggleEditor('content') 

Si vous voulez que le mode éditeur pour être basculée en fonction de l'option choisi par le utilisateur d'une autre page, vous pouvez exécuter (ou ne pas) la fonction ci-dessus lors du chargement de la page.

Il existe des liens vers d'autres exemples sur cette page qui pourraient également vous intéresser.

Mise à jour:

À la lecture de la question une deuxième fois, vous demandez une plaine-text/html et non un modèle html source/WYSIWYG. Ma suggestion ci-dessus n'est pas la solution exacte mais elle est toujours réalisable si le changement de mode en mode texte brut est caché et verrouillé.

Answer 2

Voici ce que j'ai fait pour mon site;

<script type="text/javascript"> 
function changeposttype(){ 
    if($("#posttype option:selected").text() == 'Simple'){ 
     //tinymce.execCommand('mceToggleEditor',true,'new-post-desc'); 
     tinyMCE.execCommand('mceRemoveControl', false, 'new-post-desc'); 
    }else{ 
     tinyMCE.execCommand('mceAddControl', false, 'new-post-desc'); 
    } 
} 
</script> 

Et à l'intérieur balise BODY

<select id="posttype" onchange="changeposttype()"> 
    <option>Rich</option> 
    <option>Simple</option> 
</select> 
<br /> 
<textarea id="new-post-desc" class="PostEditor"></textarea>