缺少图像OpenWYSIWYG编辑器、代码触发器结构

Question

​

​

这正是CodeIgniter在openWYSIWYG编辑器上发生的事情。

文件夹结构如下所示

app_name
-application
-assets
--js
---openwysiwyg
----addons
----docs
----images
----scripts

这是我的视图文件：

<script src="<?php echo base_url('assets/js/jquery.js');?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/openwysiwyg/scripts/wysiwyg.js');?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/js/openwysiwyg/scripts/wysiwyg-settings.js');?>"></script>

视图中的Scipt：

<script type="text/javascript">
    WYSIWYG.attach('body_input', full); 

</script>

我真的不知道遗漏了什么。

Answer 1

问题出在wysiwyg-settings.js文件中。此文件位于openwysiwyg/scripts/文件夹中。您必须更改图像和CSS目录的设置。检查以下行：

//full.ImagesDir = "images/";
//full.PopupsDir = "popups/";
//full.CSSFile = "styles/wysiwyg.css";

将以下行更改为(基于您的目录结构)：

full.ImagesDir = "app_name/assets/js/openwysiwyg/images/";
full.PopupsDir = "app_name/assets/js/openwysiwyg/popups/";
full.CSSFile = "app_name/assets/js/openwysiwyg/styles/wysiwyg.css";

现在，它应该按照它应该的方式工作。

你可能会遇到的另一个问题是它不能在Chrome中工作。(刚才我也遇到过这种情况。)解决方案是here。