Dans mon éditeur de texte Tiny msc je veux seulement un éditeur de texte

Question

J'ai implémenté un minuscule msc dans mon projet. Je veux un éditeur de texte et une zone de texte, mais toute la zone de texte dans ma page apparaît comme un éditeur de texte, Comment j'éviter ce problème, voici mon code ..

<script type="text/javascript" src="./js/tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript"> 
tinyMCE.init({ 
    // General options 
    mode : "textareas", 
    theme : "advanced", 
    editor_selector 
    plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager", 

    // Theme options 
    theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", 
    theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", 
    theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", 
    theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage", 
    theme_advanced_toolbar_location : "top", 
    theme_advanced_toolbar_align : "left", 
    theme_advanced_statusbar_location : "bottom", 
    theme_advanced_resizing : true, 

    // Example content CSS (should be your site CSS) 
    content_css : "css/example.css", 

    // Drop lists for link/image/media/template dialogs 
    template_external_list_url : "js/template_list.js", 
    external_link_list_url : "js/link_list.js", 
    external_image_list_url : "js/image_list.js", 
    media_external_list_url : "js/media_list.js", 

    // Replace values for the template plugin 
    template_replace_values : { 
     username : "Some User", 
     staffid : "991234" 
    } 
}); 
</script> 

Answer 1

Au lieu d'utiliser mode : "textareas", utilisez :

1. mode : "exact" avec l'option elements pour spécifier un seul élément.
2. mode : "none" et d'appeler tinyMCE.execCommand("mceAddControl", true, "id") directement sur l'élément.

Voir: http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/mode

Option # 1 est le plus facile pour votre situation. Exemple de la documentation:

tinyMCE.init({ 
    ... 
    mode : "exact", 
    elements : "elm1", 
    ... 
}); 

... 

<textarea id="elm1" ...