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

Answer 2

我在 codeigniter 中也遇到了同样的问题。 有一个比这更好的编辑器，称为 CKEditor，它还提供了上传性能非常好的图片的便利。
步骤：
1.从http://ckeditor.com/download下载CKEditor
2.放到codeigniter的index目录下
3.在header中使用这个语法：

<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（文件浏览器）集成。