Question

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

这是尝试设置它的方式：

文件夹结构：

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

我写了这个帮助器指向公共文件夹：

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

tinymce init文件：

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

所以现在它只显示一个空的普通textarea而不是tinymce编辑器。 JS文件正在加载，没有错误。

希望有人能给我一个线索！

Answer 1

如果您想要特定或其他任何地方的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>

Answer 2

TinyMce有两个包，第一个是jquery独立的，而另一个是依赖于jquery的。对于TinyMCe Jquery依赖包，你需要包含jquery，然后才能将asymce包含在脚本中。

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

CodeIgniter中的Tinymce没有加载

2 个答案: