Tiny_mce編輯器沒有顯示codigniter

在我以前的文章之一，我收到了一些很好的建議，我決定使用富文本編輯器tiny_mce製作我的博客，但我有一個問題。我不能包含tiny_mce或包含它後，它不起作用。我設置了開發者如何指導你，但沒有改變正常的textarea。我該怎麼辦？Tiny_mce編輯器沒有顯示codigniter

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 


    <script type="text/javascript" src="<?php echo base_url(); ?>js/tiny_mce/tiny_mce.js"></script> 
    <script> 
     tinyMCE.init({ 
     // General options 
     mode : "textareas", 
     theme : "advanced", 
     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", 

     // 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'} 
     ], 

     formats : { 
      alignleft : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'left'}, 
      aligncenter : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'center'}, 
      alignright : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'right'}, 
      alignfull : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'full'}, 
      bold : {inline : 'span', 'classes' : 'bold'}, 
      italic : {inline : 'span', 'classes' : 'italic'}, 
      underline : {inline : 'span', 'classes' : 'underline', exact : true}, 
      strikethrough : {inline : 'del'} 
     }, 

     // Replace values for the template plugin 
     template_replace_values : { 
      username : "Some User", 
      staffid : "991234" 
     } 
    }); 
     </script> 
     </head> 
<body> 
<form method="post" action="somepage"> 
<textarea name="content" style="width:100%;height: 400px;"> 
&lt;p&gt;This is &lt;strong&gt;my text&lt;/strong&gt; that I &lt;strong&gt;use&lt;/strong&gt; for my example.&lt;/p&gt; 
</textarea> 

</form> 
    </body> 


</html>

來源

2012-07-20 shohed shakil

你如何包含tiny_mce.js（我在你的代碼中看不到）？你會得到什麼錯誤？ – Thariama 2012-07-20 07:31:03

@Thariama這只是一個複製粘貼錯誤，現在我編輯它。 – 2012-07-20 08:04:38

你會得到什麼錯誤？ – Thariama 2012-07-20 08:20:21

我剛剛將你的代碼複製到一個平的html文件，它工作正常。我的猜測是tiny_mce.js的路徑錯誤。

問題：當您查看頁面的源代碼時，tiny_mce.js文件的路徑是否正確？ base_url（）js/tiny_mce/tiny_mce.js真的是你的js文件所在的位置嗎？你可以在瀏覽器中打開site.com/js/tiny_mce/tiny_mce.js文件嗎？

此外，有競爭的JavaScript文件？或者，您是否使用JQuery版本的tiny，而無需將JQuery預加載到您的視圖中？

您是否在使用Firebug或Chrome開發人員工具時遇到麻煩？

來源

2012-07-20 16:10:45

我改變了我的編輯器，現在使用ck編輯器。它的工作原理。感謝您的回覆。 – 2012-07-21 06:40:28

在我的情況下，我很困惑，因爲我在其他項目中使用tinymce沒有問題。在下載了最新版本後，在tinymce.com提供的示例的插件列表中包含了moxiemanager，它阻止了輸出。從列表中刪除這個項目解決了這個問題。請參閱TinyMCE moxiemanager

來源

2014-04-15 17:27:01 kklepper

Tiny_mce編輯器沒有顯示codigniter

回答

相關問題