2012-01-21 8 views
-1

に私はTinyMCEのコードがのTinyMCEをテキストエリア

<!-- 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 --> 

私はテキスト領域にTinyMCEのエディタを適用したいと私のHTMLに私はテキスト領域を与えているが、次のされているasp.netでのパネルディスカッションを開発していますクラス名

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

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

    <% } %> 

テキストエリアには、それは簡単なテキストエリアではないTinyMCEのテキスト領域を示している、機能していません:(

+1

スクリプトが*** *あなたが置きたい "textarea" - あなたが掲示したすべてのものがうまくいくように... *あなたのページにはどんなエラーがありますか? – xandercoded

+0

シンプルなテキストエリアapears ...置き換えるテキストエリアの前にスクリプトが表示されていることを確認してください。それを説明してください。 – Snake

+1

'tincymce'スクリプトは' textarea'を含む 'HTML'の中に* before *で現れる必要があります ... – xandercoded

答えて

0

より良い(TinyMCEを/それを選択し、tiny_mce.jsのパスが正しいことを確認してくださいjscripts/tiny_mce/tiny_mce.js)。 テキストエリアが<%...%>セクションなしで正常に表示されているかどうかを確認し、原因を特定するためにクラスプロパティを削除してください。