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

简介: 在ci框架下加载编辑器,现在复习下内容。我的框架文件名称为ci 1.下载百度编辑器ueditor,http://ueditor.baidu.com/一般情况下下载ubuilder版即可,并将ueditor复制到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/,文档更有说服力!

如何联系我:【万里虎】www.bravetiger.cn 【QQ】3396726884 (咨询问题100元起,帮助解决问题500元起) 【博客】http://www.cnblogs.com/kenshinobiy/
目录
相关文章
|
3月前
|
开发框架 JavaScript 前端开发
百度富文本编辑器配置(vue3)
百度富文本编辑器配置(vue3)
|
3月前
|
存储 Kubernetes 容器
百度搜索:蓝易云【Kubernetes使用helm部署NFS Provisioner】
现在,你已经成功使用Helm部署了NFS Provisioner,并且可以在Kubernetes中创建使用NFS存储的PersistentVolumeClaim。
183 10
|
3月前
|
数据可视化 Linux API
如何在Linux使用docker部署Swagger Editor并实现无公网IP远程协同编辑API文档
如何在Linux使用docker部署Swagger Editor并实现无公网IP远程协同编辑API文档
|
3月前
|
Kubernetes 应用服务中间件 nginx
百度搜索:蓝易云【使用Kubernetes部署Nginx应用教程】
现在,你已经成功在Kubernetes集群上部署了Nginx应用。通过访问Service的外部IP地址,你可以访问Nginx服务。
68 4
|
3月前
|
Ubuntu Cloud Native 测试技术
百度搜索:蓝易云【云原生之使用Docker部署ubuntu测试环境】
请注意,以上步骤仅是简单的使用Docker部署Ubuntu测试环境的示例。在实际应用中,您可能需要根据测试需求和应用场景进行更多的配置和优化。同时,在退出容器时,容器并未删除,您可以使用 `docker rm <容器名称>`命令来删除容器。在进行测试时,请谨慎操作,并确保对Docker的使用有一定的了解,以避免不必要的问题。
62 2
|
3月前
|
关系型数据库 MySQL 数据库
百度搜索:蓝易云【【Docker】Docker部署Mysql并设置数据持久化教程】
通过以上步骤,您已经成功地在Docker中部署了MySQL,并设置了数据持久化,确保数据在容器重新启动或迁移时得以保留。
84 0
|
3月前
|
存储 Cloud Native Docker
百度搜索:蓝易云【云原生之使用Docker部署Notepad个人任务管理工具】
这样,你就成功地使用Docker部署了Notepad个人任务管理工具。通过Docker部署Notepad可以使应用的安装和配置更加便捷,并且可以隔离应用环境,避免影响到宿主机的系统。希望以上教程对你有所帮助!如果你有其他问题,请随时继续提问。
80 0
|
3月前
|
Ubuntu Linux
百度搜索:蓝易云【Linux设置默认编辑器(qbit)】
现在,你已经成功将默认编辑器设置为qbit。在终端中输入 `editor`命令或打开文本文件时,系统将使用qbit作为默认编辑器来打开文件。请注意,`update-alternatives`命令还可以用于设置其他默认应用程序。
95 3
|
6天前
|
机器学习/深度学习 文字识别 Linux
百度飞桨(PaddlePaddle) - PP-OCRv3 文字检测识别系统 基于 Paddle Serving快速使用(服务化部署 - CentOS 7)
百度飞桨(PaddlePaddle) - PP-OCRv3 文字检测识别系统 基于 Paddle Serving快速使用(服务化部署 - CentOS 7)
11 1
百度飞桨(PaddlePaddle) - PP-OCRv3 文字检测识别系统 基于 Paddle Serving快速使用(服务化部署 - CentOS 7)
|
6天前
|
JSON 文字识别 Linux
百度飞桨(PaddlePaddle) - PP-OCRv3 文字检测识别系统 基于 Paddle Serving快速使用(服务化部署 - Docker)
百度飞桨(PaddlePaddle) - PP-OCRv3 文字检测识别系统 基于 Paddle Serving快速使用(服务化部署 - Docker)
19 0