codeigniter中集成百度的Ueditor

xywrbs · 发表于 2011-12-21 20:33:40

本帖最后由 xywrbs 于 2011-12-21 21:01 编辑

   百度出了一个Ueditor，比较有创意的一个东西，文档也很全，使用与集成简单，可扩展性强，我们也有了新的选择，不一定非得用FCK了。    根据官方教程，需要载入三个文件，分别是editor_config.js editor_all.js  ueditor.css，两个脚本，一个样式表。
   我们首先在CI目录下建立一个JS文件夹，用来存放js脚本，然后进入js文件夹，建立ueditor（当然，如果你愿意，你可以建立直接在CI目录下建立一个Ueditor文件夹），将http://ueditor.baidu.com下载的文件解压到ueditor文件夹中。
   然后进入controller目录，建立一个控制器，例如：

PHP复制代码

<?php class Test extends CI_Controller
{
function __construct()
{
parent::__construct();
$this->load->helper('url');
}

function index()
{
$this->load->view('ueditor');
} }
?>

复制代码

然后，进入view目录，建立一个ueditor.php文件，写入以下内容

PHP复制代码

<html>
<head>
<script type="text/javascript" src="<?php echo base_url();?>js/ueditor/editor_config.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/ueditor/editor_all.js"></script>
<link rel="stylesheet" href="<?php echo base_url();?>js/ueditor/themes/default/ueditor.css"/>
</head>
<body>
<div id="myEditor"></div>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render("myEditor");
</script>
</body>
</html>

复制代码

      这里需要注意的主要是三点：
         1.不要忘记载入url辅助函数
         2.注意udeitor编辑器存放的位置
         3.不要打错字~O(∩_∩)O~（我就是因为将default打成了defautl搞得显示不出样式，最后firebug看了一下才知道）

lzw等待 · 发表于 2014-10-28 19:12:04

我按照楼主的方法写，可是试图页面啥都没有！刚刚学ci 麻烦各位大神指点

censtart · 发表于 2016-3-26 10:31:31

按照要求配置了。里面都是空白的。是不是编辑器的版本已经不适合这样的调用方法了？

afterninty · 发表于 2016-4-20 10:35:31

切记config.js一定要在all.js文件前面，否则显示不出来

a123123 · 发表于 2011-12-21 23:08:45

不错，支持{:soso_e179:}

wangjin · 发表于 2011-12-21 23:39:07

xiehao · 发表于 2011-12-22 09:38:19

路径不知道怎么设置，设置格式的那些对话框显示404错误

xiehao · 发表于 2011-12-23 09:59:18

上传图片的那里，弹出的对话框是404，应该怎么设置路径才能成功？

xywrbs · 发表于 2011-12-24 21:02:35

xiehao 发表于 2011-12-23 09:59
上传图片的那里，弹出的对话框是404，应该怎么设置路径才能成功？

修改ueditor/ueditor_config.js文件，修改这一行为'insertimage': "http://127.0.0.1/tblog/dialogs/image/image.html",（添上绝对路径）

sdink · 发表于 2011-12-25 01:51:02

xywrbs 发表于 2011-12-24 21:02
修改ueditor/ueditor_config.js文件，修改这一行为'insertimage': "http://127.0.0.1/tblog/dialogs/imag ...

dialogs/image/image.html 304行上传处理页面的url地址可以来个绝对路径

niki090 · 发表于 2012-1-2 01:03:18

低调man · 发表于 2012-1-13 12:15:17

百度的编辑器这个功能如何，有没有文件上传接口

longjianghu · 发表于 2012-1-13 14:21:24

低调man 发表于 2012-1-13 12:15
百度的编辑器这个功能如何，有没有文件上传接口

下载包里就有

		自动登录	找回密码
密码			入住 CI 中国社区