在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. DML、DDL、DCL区别及介绍

    DML(data manipulation language):        它们是SELECT.UPDATE.INSERT.DELETE,就象它的名字一样,这4条命令是用来对数据库里的数据进行操作 ...

  2. ZenCoding 个人理解和总结

    我的理解:ZenCoding是一个html简写的语法,可以最快速的生成html. 不少IDE应该都支持,我用的intellij idea是支持的. ZenCoding表示和CSS/JS有相通之处,比如 ...

  3. OC版二分查找

    二分查找(也称折半查找)是很常见的一种在数组中查找数据的算法,作为一名程序员是应该必须会的.它的基础思想:获取数组的中间值,将数组分割成两份,利用中间值跟指定的值进行比较,如果中间值大于指定的值,就在 ...

  4. CentOS 5.8 x64 源码安装 samba-3.6.9

    环境 CentOS 5.8 X64      wget http://www.samba.org/samba/ftp/stable/samba-3.6.9.tar.gz   tar zxvf samb ...

  5. 控制流之while

    while语句只要在一个条件为真的情况下,while语句允许你重复执行一块语句.while语句是所谓 循环 语句的一个例子.while语句有一个可选的else从句.使用while语句~~~~~~~~~ ...

  6. Spark1.3.0安装

    之前在用Hadoop写ML算法的时候就隐约感觉Hadoop实在是不适合ML这些比较复杂的算法.记得当时写完kmeans后,发现每个job完成后都需要将结果放在HDFS中,然后下次迭代的时候再从文件中读 ...

  7. Spring Junit 读取WEB-INF下的配置文件

    假设Spring配置文件为applicationContext.xml 一.Spring配置文件在类路径下面 在Spring的java应用程序中,一般我们的Spring的配置文件都是放在放在类路径下面 ...

  8. chorme加减乘除浮点数处理

    在处理简单的1-0.7的时候发现chorme给的结果竟然是0.30000000000000004,瞬间蛋疼了,这数据能用?! 然后去百度找到了简单的两个数的加减乘除,然后修改了下,除了除法都可以多个数 ...

  9. C++ 虚基类表指针字节对齐

    下面博客转载自别人的,我也是被这个问题坑了快两天了,关于各种虚基类,虚继承,虚函数以及数据成员等引发的一系列内存对齐的问题再次详细描述 先看下面这片代码.在这里我使用了一个空类K,不要被这个东西所迷惑 ...

  10. JDBC executeBatch 抛出异常停止

    进行批量更新的时候发现: addBatch(sql); executeBatch 抛出异常后,剩余的sql没有更新,即出现异常之前的都入库了,异常之后即使有可执行sql都不会执行. 百度资料后了解:这 ...