【ci框架基础】之部署百度编辑器

最新推荐文章于 2021-11-22 23:57:40 发布

辛苦的码农20200609

最新推荐文章于 2021-11-22 23:57:40 发布

阅读量93

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h2i0i2k0102j.html

版权

前端专栏收录该内容

785 篇文章 4 订阅

订阅专栏

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

辛苦的码农20200609

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【ci框架基础】之部署百度编辑器

在ci框架下加载编辑器，现在复习下内容。我的框架文件名称为ci1.下载百度编辑器ueditor，http://ueditor.baidu.com/一般情况下下载ubuilder版即可，并将ueditor复制到ci框架的根目录下。下载好的编辑器目录为:-ueditor----dialogs 弹出对话框对应的资源和JS文件----lang 编辑器国际化显示的文件----php 涉及到服务器端操作的后台文件----themes 样式图片和样式文件----...
复制链接

扫一扫