0

我正在尝试使用 CodeIgniter 创建一个简单的 CMS。我决定与 Tinymce 一起为文本区域工作，但我在实现它时遇到了一些问题。

这是它尝试设置它的方式：

文件夹结构：

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

我写了这个助手来指向公用文件夹：

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 有两个包，第一个是 jquery 独立的，另一个是 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 回答