0

以前の投稿の 1 つの後、いくつかの良いアドバイスを受け取り、ブログを作成するためにリッチ テキスト エディター tiny_mce を使用することを決定しましたが、ここでも問題が発生します。tiny_mce を含めることができないか、含めた後、機能しません。開発者の指示どおりに設定しましたが、通常のテキストエリアに変更はありません。私は何をすべきか？

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

2 に答える 2

0

コードをフラットな 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-20T16:10:45.063 に答える
0

私の場合、他のプロジェクトでtinymceを問題なく使用しているため、戸惑いました。最新バージョンをダウンロードしたところ、 tinymce.comが提供するサンプルのプラグイン リストにmoxiemanagerが含まれていたため、出力できませんでした。このアイテムをリストから削除すると、問題が解決しました。TinyMCE moxiemanagerを参照してください。

于 2014-04-15T17:27:01.570 に答える