0

CodeIgniter でシンプルな CMS を作成しようとしています。テキストエリア用に Tinymce を使用することにしましたが、実装に問題がありました。

これは、それを設定しようとした方法です:

フォルダ構造:

- public
 -- css
 -- js
 -- images
- system
 -- <all CI folders here>

public フォルダーを指すようにこのヘルパーを作成しました。

function asset_url(){
    return base_url().'public/';
}

tinymce 初期化ファイル:

<script src="&lt;?=base_url()?&gt;scripts/tiny_mce/tiny_mce.js" type="text/javascript">

  tinyMCE.init({
  theme : "advanced",
  mode : "textareas",
  plugins : "imagemanager,filemanager,insertdatetime,preview,emotions,visualchars,nonbreaking",
  theme_advanced_buttons1_add: 'insertimage,insertfile',
  theme_advanced_buttons2_add: 'separator,forecolor,backcolor',
  theme_advanced_buttons3_add: 'emotions,insertdate,inserttime,preview,visualchars,nonbreaking',
  theme_advanced_disable: "styleselect,formatselect,removeformat",
  plugin_insertdate_dateFormat : "%Y-%m-%d",
  plugin_insertdate_timeFormat : "%H:%M:%S",
  theme_advanced_toolbar_align : "left",
  theme_advanced_resize_horizontal : false,
  theme_advanced_resizing : true,
  apply_source_formatting : true,
  spellchecker_languages : "+English=en",
  extended_valid_elements :"img[src|border=0|alt|title|width|height|align|name],"
  +"a[href|target|name|title],"
  +"p,"
  invalid_elements: "table,span,tr,td,tbody,font"

  });
</script>

これは私の見解です:

<html>
<head>
    <script type="text/javascript" src='<?php echo asset_url()."js/tiny_mce/tiny_mce.js" ?>'></script>
      <script type="text/javascript" src='<?php echo asset_url()."js/tiny_mce/tinymce_properties.js" ?>'></script>
</head>
<body>
    <form method="post" action="somepage">
        <textarea name="content" style="width:100%">
        </textarea>
    </form>
</body>
</html>

そのため、今のところ、tinymce エディターの代わりに空の通常のテキストエリアが表示されます。JS ファイルが読み込まれていますが、エラーはありません。

うまくいけば、誰かが私に手がかりを与えることができます!

4

2 に答える 2

2

特定の場所または他の場所でtinymceが必要な場合は、tinymceを編集するだけで、これがあなたの問題に対する最良のアイデアだと思います..

tinyMCE.init({
        ...
        mode : "specific_textareas",
        editor_selector : "mceEditor"
});


<textarea id="myarea1" class="mceEditor">This will be an editor.</textarea>
<textarea id="myarea2">This will NOT be an editor.</textarea>
于 2013-11-14T16:15:46.030 に答える
1

TinyMce には 2 つのパッケージがあります。1 つは jquery に依存せず、もう 1 つは jquery に依存します。TinyMCe Jquery 依存パッケージの場合、スクリプトに tinymce を含める前に jquery を含める必要があります。

<html>
<head>
<script type="text/javascript" src="<path to jquery>/jquery.js"></script>
<script type="text/javascript" src="<path to tinymce>/tinymce.min.js"></script>
<script type="text/javascript">
    tinymce.init({
        selector:"#myTextArea"
    });
</script>
</head>
<body>
    <form name="">
    <textarea id="myTextArea"></textarea>
    </form>
</body>
</html>
于 2015-11-03T01:22:31.990 に答える