代码拉取完成,页面将自动刷新
同步操作将从 爱上你爱的/Ueditor-for-CodeIgniter 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
Ueditor-CodeIgniter(ci)插件
================
Ueditor for CodeIgniter(ci)插件
根据最新的CodeIgniter编写,支持Ueditor和umeditor两个版本编辑器,具体配置可参考demo里面。
一、安装:
1、将Ueditor application 与你的ci项目合并,如果有相同的文件命名,请自行修改
文件说明:
application/confi/upload.php 上传配置
application/libraries/Ueditor.php Ueditor扩展类
将这两个文件放到相应的目录即可
2、将public目录放到项目根目录(如果你的项目目录中没有public,放其目录也可以)
文件说明:
public/ueditor Ueditor完整版包
public/umeditor umeditor迷你版包
public/js umeditor包的依赖jquery
3、uploads为上传目录,可以在uploads中进行配置,根据自己项目确定
二、使用:
1、在控制器中添加ueditor方法
/**
* 百度编辑器
*/
public function ueditor(){
$this->load->library('Ueditor');
echo $this->ueditor->output_data();
}
2、 添加以下代码到你视图的view文件
<!--完整版-->
<script type="text/javascript" charset="utf-8" src="/public/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/public/ueditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型-->
<script type="text/javascript" charset="utf-8" src="/public/ueditor/lang/zh-cn/zh-cn.js"></script>
<script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
<script type="text/javascript">
//实例化编辑器
var editor1 = UE.getEditor('editor',{
serverUrl:'/welcome/ueditor',
initialFrameWidth:"960",
initialFrameHeight:"500"
});
</script>
<!--Umeditor迷你版-->
<script id="content2" name="content2" type="text/plain"></script>
<!-- 编辑器css -->
<link href="/public/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<!-- jquery -->
<script type="text/javascript" src="/public/js/jquery.js"></script>
<!-- 配置文件 -->
<script type="text/javascript" src="/public/umeditor/umeditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/public/umeditor/umeditor.min.js"></script>
<!-- 语言包文件(建议手动加载语言包,避免在ie下,因为加载语言失败导致编辑器加载失败) -->
<script type="text/javascript" src="/public/umeditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
var editor = UM.getEditor('content2',{
imageUrl:'/welcome/ueditor?action=uploadimage',
imagePath: "",
initialFrameWidth:"960"
});
</script>
三、联系
代码还在不断完善中,有任何意见和建议:
个人主页:http://leiyongbo.com
github开源: https://github.com/lyb521
新浪微博: http://weibo.com/mwave
联系邮箱:lyb19900227@126.com
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。