zoukankan      html  css  js  c++  java
  • 【ci框架基础】之部署百度编辑器

    在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/,文档更有说服力!

  • 相关阅读:
    C# 面向对象之概念理解(2)
    Linux中常用常用常用快捷键
    shell基本脚本命令
    awk命令详解及应用技巧
    Windows(64位IIS)未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0”提供程序
    基础知识(net)<3> virtural , new ,override
    WCF REST<2>: 消费WCF REST 服务
    智能表单(2):简单使用HtmlEditor
    智能表单(1) : 开源HtmlEditor介绍
    ASP.NET Web API <2> 跨域消费Web API(JSONP)
  • 原文地址:https://www.cnblogs.com/kenshinobiy/p/7770738.html
Copyright © 2011-2022 走看看