TinyMCE的上textarea的

-1

我開發在asp.net的討論小組在我的TinyMCE的代碼如下TinyMCE的上textarea的

<!-- TinyMCE --> 

    <script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script> 
    <script type="text/javascript"> 
     tinyMCE.init({ 
      // General options 
      mode: "textareas", 
      theme: "advanced", 
      editor_selector : "mceEditor", 

      element: "abc", 

      plugins: "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,wordcount,advlist,autosave", 

      setup: function (ed) { 
       ed.onKeyPress.add(
        function (ed, evt) { 

        } 
       ); 
      }, 
      // 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,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft", 
      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/content.css", 

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

      // Style formats 
      style_formats: [ 
      { title: 'Bold text', inline: 'b' }, 
      { title: 'Red text', inline: 'span', styles: { color: '#ff0000'} }, 
      { title: 'Red header', block: 'h1', styles: { color: '#ff0000'} }, 
      { title: 'Example 1', inline: 'span', classes: 'example1' }, 
      { title: 'Example 2', inline: 'span', classes: 'example2' }, 
      { title: 'Table styles' }, 
      { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' } 
     ], 

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

    <!-- /TinyMCE -->

我想在文本區域，在我的HTML我給文本區域與應用TinyMCE的編輯器類名

<% using (Html.BeginForm("PostProblem", "Discussion", FormMethod.Post)) 
     { %> 

    <textarea id = "abc" class = "mceEditor" rows = "100" cols = "100" ></textarea> 

    <% } %>

textarea的不工作，它顯示簡單的文本區域不TinyMCE的文本區域:(

來源

2012-01-21 Snake

確保腳本出現*** ***之前** *您想要替換的'textarea' - 因爲您發佈的所有內容都很好看...... *您在頁面上收到了哪些錯誤*？ – xandercoded

簡單的textarea apears ...確保腳本出現在你想要替換的textarea之前？ PLZ解釋它。 – Snake

'tincymce'腳本需要在包含'textarea'的HTML文件*之前出現* ... – xandercoded

確保爲tiny_mce.js的路徑是正確的，最好選擇它（TinyMCE的/ jscripts/tiny_mce/tiny_mce.js）。驗證如果你的textarea看起來沒有<％...％>部分，並且還刪除類屬性的時刻，只是爲了確定哪個原因。

來源

2012-01-24 10:29:43 Cr123

TinyMCE的上textarea的

回答

相關問題