百度UEditor编辑器使用(二)
本文摘自:http://www.cnblogs.com/pmpen/archive/2011/09/19/2181811.html
首先感谢分享
百度WEB前端设计部推出一款开源的编辑器UEditor http://ueditor.baidu.com/index.html ,这款编辑器相当强大,它提供了百度地图,google地图和视频等一些非常强大的功能 ,毕竟是国内大企业肯定是要关注的。
在ueditor1.1.5版本的使用很简单
1、包含头文件
<link href="../themes/default/ueditor.css" rel="stylesheet" type="text/css" />
<script src="../editor_config.js" type="text/javascript"></script>
<script src="../editor_ui_all.js" type="text/javascript"></script>
将入口的js文件和css文件包含进来
2、html代码
<form action="add.php" method="POST" >
<textarea id="editor" ></textarea> <!--内容输入框 注意id的命名-->
<script language="javascript" type="text/javascript"> <!-- UEditor -->
var editor = new baidu.editor.ui.Editor(); <!--new一个对象,通过对象创建编辑器-->
editor.render("editor");<!--出入参数editor为textarea中的id值,并生成编辑器-->
</script>
<input type="submit" name="sub"/>
</form>
3、服务器接收数据
我的form表单中提交到add.php文件中,在add.php中通过$_POST接收编辑器传入的数据(asp、jsp也是一样的,只是提交到服务器的文件不一样)。
UEditor对编辑器编辑的内容有一个默认的名editorValue,所以可以通过$_POST['editorValue']接受出过来的数据。
以上就完成了对UEditor的配置
4、其他问题
1、如果你需要设置UEditor的一些参数的话,只要在HTML代码中的js片段断码加以修改
<script language="javascript" type="text/javascript">
var option = {
initialContent: '在编辑器中默认显示的内容', //初始化编辑器的内容
minFrameHeight: 200, //设置高度
textarea: 'content' //设置提交时编辑器内容的名字,之前我们用的名字是默认的editorValue
};
var editor = new baidu.editor.ui.Editor(option); //将设置初始化(之前的配置采用的是默认的,所以没有传参数)
editor.render("editor");
</script>
2、如果你的UEditor都弄好了,但是发现百度地图、google地图、视屏、表情都无法正常显示,问题可能是你的UEditor文件没有放在你的跟目录下,
但调用的文件是在根目录下(只要你调用UEditor的文件和UEditor文件没有放在同一级文件夹下面)。这是因为UEditor是根据相对路径来确定
调用自身的其他文件的,如果改成绝对路劲就可以解决这个问题了。
解决:
在UEditor(不一定是这个名称,看你命名是哪个就是哪个)文件夹下,有个配置文件editor_config.js,在里面可以更改配置信息。
更改"UEDITOR_HOME_URL"这个值,改为UEditor这个文件夹得在服务器下的绝对路径
例如:
UEDITOR_HOME_URL:'http://localhost/QingBlog/pm-static/UEditor/', //这里你可以配置成ueditor目录在您网站的绝对路径
OK 啦!
转载于:https://www.cnblogs.com/Zell-Dinch/articles/3917835.html
百度UEditor编辑器使用(二)相关推荐
- [转]百度UEditor编辑器(php)
百度UEditor编辑器!合入PHP网站! 一.富文本内容交互 1.编辑器内容初始化(即往编辑器中设置富文本) 场景一:写新文章,编辑器中预置提示.问候等内容. 在editor_config.js文件 ...
- 百度UEditor编辑器,合入PHP网站
本文转自:http://www.cnblogs.com/losen/archive/2013/05/23/3094612.html 百度UEditor编辑器!合入PHP网站! Posted on 20 ...
- 关于dedecms织梦后台html编辑器不能复制word格式的处理方法/ kindEditor编辑器/百度(ueditor)编辑器的添加方法
Q:word文件内容粘贴到dede后台编辑器里,格式都失效了 dede自带的文本编辑器很不好用,且有些功能还需要我们自己手动去修改源码,才能完成我们想要的效果 一.更换kindEditor编辑器操作步 ...
- 百度html编辑器 xss,百度ueditor编辑器-xss漏洞
百度ueditor编辑器 xss漏洞 一.漏洞简介 产品官网下载地址: 涉及版本:php , asp, jsp, net 二.漏洞影响 三.复现过程 漏洞分析 存在漏洞的文件:/php/getCont ...
- 百度UEditor编辑器视频相关bug汇总和稳定解决方案
百度UEditor编辑器的视频是个很头疼的问题,从昨晚到今天折腾了一天,也看了不少帖子,很多都是只治标不治本,而且有很多改法也是忽略本质,不过受大神启发,自己还是琢磨出来了. 百度UEditor编辑器 ...
- ueditor html显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...
<百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法>要点: 本文介绍了百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法,希望 ...
- 百度UEditor编辑器关闭抓取远程图片功能(默认开启)
2019独角兽企业重金招聘Python工程师标准>>> 这个坑娘的功能,开始时居然不知道如何触发,以为有个按钮,点击一下触发,翻阅了文档,没有发现,然后再网络上看到原来是复制粘贴非白 ...
- html编辑器 br 被div,百度Ueditor编辑器DIV,html标签替换及代码被过滤问题解决方法...
解决"织梦DEDECMS使用百度Ueditor编辑器和代码高亮设置教程"中遗留的html标签过滤问题.前者资源盒子主要描述了如何在织梦CMS中使用百度Ueditor编辑器,但遗留了 ...
- 织梦html编辑器功能在哪,织梦dede自带编辑器替换百度ueditor编辑器
用过dedecms的朋友都知道dede自带的文本编辑器很不好用,且有些功能还需要我们自己手动去修改源码,才能完成我们想要的效果.现在广大用dedecms的朋友们,你们有福啦!我们可以利用百度的Uedi ...
- 百度ueditor编辑器注入漏洞修补查杀程序
百度ueditor编辑器注入查杀程序,用于对百度ueditor的漏洞补丁进行查杀,使用时需要保证本地正确部署了.net 4.0服务. 百度ueditor编辑器是目前网上比较流行的一个网站编辑器,但由于 ...
最新文章
- jquery 监听的案例
- 转载--c语言宏定义(1)
- add-apt-repository:找不到命令_嵌入式开发之交叉编译程序万能命令_以freetype为例...
- python真假命题_python中的命题演算
- 转-Android Studio *.jar 与 *.aar 的生成与*.aar导入项目方法
- html5怎么删除样式,css怎么删除一个样式
- php如何修改二维数组的值,php如何改变二维数组的值
- uniapp前端处理接口返回一整个html格式
- Wannafly挑战赛28: B. msc和mcc(思维)
- C++ 在dynamic_castlt;gt;用法
- 怎么在页面关闭时执行代码
- 教你玩转HelloWorld
- 再谈软件研发管理体系建设
- 计算机开启网络共享,一键开启共享_局域网win7访问xp_打开默认共享命令
- 锐捷交换机虚拟化配置
- 不同Costa环鉴相器鉴别特性
- 如何在Python中使用Rest API
- uniapp app 端打开pdf文件方式
- 1062: [NOI2008]糖果雨 - BZOJ
- c++ 计算cpu占用率
热门文章
- nfc卡模式与标准模式_渠道如何标准化管理,建立新的销售模式,提升业绩完成率...
- PostgreSQL 简单的查询
- 分数小数互换图_重复控制器学习心得(二)——超前环节的分数化和校正因子的引入...
- usb声卡驱动_iCON ProDrive第三代USB声卡驱动全新发布!
- 计算机网络段标试卷,计算机网络基础-段标-第2章.ppt
- 《零基础》MySQL LIKE 子句(十六)
- 恒企自考_致自考生:想自考的人千千万万,遇到的困难却千篇一律
- printdocument python_python学习笔记之wxpython打印预览
- c++上传oss中文路径报错_C# 从Oss对象存储器上下载文件到本地打包下载代码
- 经典sql语句50题_SQL面试经典50题:带你从建表开始