精选文章 【ci框架基础】之部署百度编辑器

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

作者:辛苦的码农20200609 时间: 2020-08-04 02:46:57
辛苦的码农20200609 2020-08-04 02:46:57

在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="ueditor/ueditor.config.js">script>
    
    <script type="text/javascript" src="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/,文档更有说服力!




勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:astype和squeeze 函数

下一篇:jQuery中$.proxy的使用

您可能感兴趣

  • 计算机必备专用英语词汇

    非常好的单词整理,转载一下当作笔记 1.单词说明:   command n. 命令,指令 [kə'mɑ:nd]   单词拼写 名词 单词含义 音标(发音)   提示:着重记忆单词对应的意思,有能力最好词性也记忆。 2.词性说明: n v vi vt conj prep pron adj adv 名词 动词 非及物动词 及物动词 连词 介词 代词 形容词 副词 3.单词列表: 1.file,n...

  • Next.js 9.5 发布:支持 Webpack 5

    作者 | Next.js 团队 译者 | 王强 策划 | 李俊辰 Next.js 9.5 发布,具体有这些内容。 Next.js 9.5 今天正式发布了,其改进包括: 稳定的增量静态再生 :部署后以毫秒为单位重建静态页面 可自定义的基本路径 :在域的子路径上轻松托管 Next.js 项目 支持重写、重定向和标头 :重写虚拟 URL,重定向旧 URL,向静态页面添加标头 URL 中的可选尾斜杠...

  • 中国耳机能否把AirPods拉下铁王座,全看一颗“芯”

    作者|茜茜 编辑|猛哥 1853年,犹太青年李维斯和当时的许多美国人一样,满怀梦想地踏上了西部淘金之旅。 很遗憾,他去晚了,到处都是人,还被抢地盘的恶棍们给揍了一顿。 李维斯很快从欺辱中恢复过来,他发现淘金人的衣服很容易磨破,而西部到处都是废弃的帐篷,如果把这些帐篷缝制成裤子,肯定抗穿耐磨。就这样,他缝制了世界上第一条牛仔裤。从此开创了他的牛仔裤王国。 世上的事情就是这么不可思议。 150年...

  • 如何基于 Electron 开发跨终端的应用

    自我介绍 欢迎大家来到今天的早早聊跨端跨栈专场,今天我分享的主题是《如何基于 Electron 开发跨终端的应用》。先做一下自我介绍,我叫逯子洋,17 年加入政采云,目前主要负责政采云前端工程化平台敦煌以及政采云电子招投标客户端的建设。这边是我们团队的微信公众号,大家如果想对我们团队有更多的了解,可以关注一下我们的公众号。 首先我们分享的第一块叫端的延展。不知道大家对这张图熟不熟悉,前段时间...

  • mysql 查询最顶级_2018顶级MySQL博客作者

    mysql 查询最顶级 We made a collection of the most popular MySQL bloggers, including a link to each individual blog. The ranking is based on Alexa global score as of April 25, 2019. 我们收集了一些最受欢迎MySQL博客,包括...

  • JAVA面试(全)

    Java 八大基本数据类型 八大基本类型 Byte,short,long,int,double,float,boolean,char 占用大小及其长度 数据类型 空间(字节B) 取值范围 byte 1 -2^7 ~ 2^7-1 short 2 -2^15~ 2^15-1 char 2 0 ~ 2^16-1 char无需符号位 int 4 -2^31 ~ 2^31-1 float 4 -2^3...

  • 研报 | 区块链新基建:物联网+区块链如何打造差异化竞争优势?

    感谢分布式资本提供研究支持,以及摩联科技等代表性企业的交流分享。 基于区块链的物联网市场前景:万物互联时代,数据价值越发重要,物联网+区块链的融合创新将成为新的行业趋势。当前物联网模组厂商都在快速铺量,未来如何打造差异化竞争之路?利用物联网终端设备安全可信执行环境,可以将物联网设备可信上链,从而解决物联网终端身份确认与数据确权的问题,保证链上数据与应用场景深度绑定。区块链能够确保数据安全与隐...

  • 2. linux安装(1)

    目录 2.1 安装Linux系统对硬件有什么要求? 2.2 虚拟机是什么 2.3 VMware虚拟机安装Linux系统 VMware下载和安装 VMware 安装 Linux 系统 2.4 使用U盘安装Linux系统 前期准备 U 盘安装 Linux 系统 2.5 使用dd命令安装Linux系统 Linux dd 命令是什么 dd命令安装Linux详细步骤 2.6 使用LiveCD从光盘直接...

华为云40多款云服务产品0元试用活动

免费套餐,马上领取!
CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。