1

在此处输入图像描述

这正是使用 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>

我真的不知道缺少什么。

4

2 回答 2

2

问题出在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 中运行。（刚才发生在我身上。）解决方案就在这里。

于 2013-06-01T05:36:33.007 回答
0

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

于 2013-06-01T05:22:39.997 回答