在ci框架下加载编辑器，现在复习下内容。我的框架文件名称为ci

1.下载百度编辑器ueditor，http://ueditor.baidu.com/

一般情况下下载ubuilder版即可，并将ueditor复制到ci框架的根目录下。

下载好的编辑器目录为:

-ueditor
----dialogs     弹出对话框对应的资源和JS文件
----lang        编辑器国际化显示的文件
----php         涉及到服务器端操作的后台文件
----themes      样式图片和样式文件
----third-party            第三方插件(包括代码高亮，源码编辑等组件）
----ueditor.all.js         开发版代码合并的结果,目录下所有文件的打包文件
----ueditor.all.min.js     ueditor.all.js文件的压缩版，建议在正式部署时采用
----ueditor.config.js      编辑器的配置文件，建议和编辑器实例化页面置于同一目录
----ueditor.parse.js       编辑的内容显示页面引用，会自动加载表格、列表、代码高亮等样式,具体看内容展示文档
----ueditor.parse.min.js   ueditor.parse.js文件的压缩版，建议在内容展示页正式部署时采用

2.在你所要集成百度编辑器的页面添加如下语句：

<body>

    <!-- 配置文件 -->

    <script type="text/javascript" src="<?php echo base_url() ?>ueditor/ueditor.config.js"></script>

    <!-- 编辑器源码文件 -->

    <script type="text/javascript" src="<?php echo base_url() ?>ueditor/ueditor.all.js"></script>

    <!-- 实例化编辑器 -->

    <script type="text/javascript">

        var editor = UE.getEditor('container');//container为表单的id

    </script>

    <form action="server.php" method="post">  /* serve.php为你点击提交表单的的链接 */

        <!-- 加载编辑器的容器 -->

        <script id="container" name="content" type="text/plain">

            这里写你的初始化内容

        </script>

    </form>

</body>

3.打开文件ci/ueditor/ueditor.config.js

找到这几条语句：

var URL = window.UEDITOR_HOME_URL || getUEBasePath();

UEDITOR_HOME_URL: URL

serverUrl: URL + "php/controller.php"

将以上语句改为:

var URL = window.UEDITOR_HOME_URL || "/ci/ueditor/";

UEDITOR_HOME_URL: "/ci/ueditor/"

serverUrl: "/ci/ueditor/php/controller.php"

然后刷新页面就ok了。
这里要注意，你所下载的编辑器文件在不知道有啥功能的时候不要乱删！否则可能无法加载编辑器。

关于编辑器的更多内容请移步: http://fex.baidu.com/ueditor/，文档更有说服力！

【ci框架基础】之部署百度编辑器的更多相关文章

  1. php CI框架基础知识

    一. CI框架的MVC导图 二. CI框架目录文件介绍 (1)index.php  单入口         整个框架对外暴露的唯一访问文件 (2)application  应用文件(放置用户信息,用户 ...

  2. CI框架基础知识

    调用一个视图 a.调用一个视图 $this->load->view('视图文件名'); b.调用多个视图 $this->load->view('index_h'); $this ...

  3. ci框架基础知识点

    一.路由 1.index.php/test/hello->控制器test的hello方法 2. 也可以手动配置路由   app/config/routes.php中     I:$route[' ...

  4. yii2整合百度编辑器umeditor

    作者:白狼 出处:www.manks.top/article/yii2_umeditor 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责 ...

  5. 【军哥谈CI框架】之CI中集成百度UEditor

    Hello,各位亲,新的一周来临啦,很高兴这么快又跟大家伙见面!话说上一回,军哥带大家用JQuery写了一个城市级联菜单的例子 ,不知道亲们学会了多少,是否自己可以独立写出来了呢. 军哥很是期待大家学 ...

  6. CI框架整合UEditor编辑器上传功能

    最近项目中要使用到富文本编辑器,选用了功能强大的UEditor,接下来就来讲讲UEditor编辑器的上传功能整合. 本文UEditor版本:ueditor1_4_3_utf8_php版本 第一步:部署 ...

  7. CI框架程序--本地调试之后部署新浪SAE

    前几天给朋友写了个简单的网站, 想想还是部署到服务器上让朋友看一下效果! 用CI框架写的,有个SAE新浪云的账号,可以用!就部署到上面去了!途中遇到了一些问题!一一解决了! 在这里分享一下 供遇到这些 ...

  8. CI框架中集成CKEditor编辑器的教程

    CKEditor是在很多开发过程中都会用到的一个富文本编辑器,那么如何在CI框架中使用它呢?这里介绍了在CI下使用CKEditor的方法,版本比较低,是在CI 1.7.3下使用fckeditor 2. ...

  9. 用 flow.ci 让 Hexo 持续部署

    编者按:感谢 @小小小杜 投稿,原文链接Juglans' Blog.如果你也想体验 flow.ci 的自动化持续部署,来 http://flow.ci 首页提交申请,邀请码随后会发送到邮箱:) flo ...

随机推荐

  1. [zoj解题] 1203

    #include <stdio.h> #include <stdlib.h> #include <math.h> #define MAXN 100 #define ...

  2. ICE第三篇------一些疑难点

    1 间接代理 参考http://blog.sina.com.cn/s/blog_53e8499c0100lkoo.html IceGrid用于支持分布式网络服务应用,一个IceGrid域由一个注册表( ...

  3. JAVA基础--日期处理

    用SimpleDateFormat方法格式化日期格式: package DAO; import java.sql.Connection; import java.sql.DriverManager; ...

  4. 使用for循环运算

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. pymongo一次更新多条数据

    db.collection.update(query, update, upsert, multi) pymongo使用示例 db.collection.update({}, {'$set' : {' ...

  6. javascript深入理解js闭包(看了挺多的，感觉这篇比较透彻)

    闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域 ...

  7. memcached 第二篇----安装使用

    摘要:set add replace get delete gets cas stats 和 flush_all 命令 获取所有key  .你可以使用MemCachedClient的statsItem ...

  8. github 更新fork分支

    在github上开发代码的时候我们习惯的是fork一个分支,然后修改再往主分支push request,这样就可以保证多人开发, 但是随着时间的推移,自己fork的版本和主分支的版本差异越来越大; 这 ...

  9. CSS学习中的瓶颈期深入分析

    虽已数年,但未就学习专门写过文章,这回破处了.苍蝇不叮没有缝隙的鸡蛋,领导不做没有跟拍的表演,同样,想到写CSS学习的文章也是有原因的(虽然我的不少行为没有原因). 情景再现(尊重隐私,下面故事中人名 ...

  10. 友坚恒天.开发板（Cotex-A9 Exynos4412 开发板）

    友坚恒天.开发板 Cotex-A9 Exynos4412 开发板