缺少图像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>

查看视图：

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

Answer 2

我在codeigniter中也遇到了同样的问题。 有一个比这更好的编辑器叫做 CKEditor 还可以上传具有非常好性能的图像。
步骤：
1.从http://ckeditor.com/download下载CKEditor 2.在codeigniter的索引目录中输入 3.在标题中使用此语法：

<script type="text/javascript" src="<?php echo $this->config->item('base_url'); ?>/ckeditor/ckeditor.js"></script>

4.在想要放置编辑器的正文中使用它：

<textarea name="n_notification" id="n_notification"></textarea>

5.使用此方式启动：

<script>
$(document).ready(function() {
    CKEDITOR.replace( 'n_notification');
}
</script>

如果您想要图像上传器，可以参考http://dwij.co.in/ckeditor-ckfinder-integration-using-php/将CKEditor与CKFinder（文件浏览器）集成。