百度ueditor富文本编辑器的使用
百度ueditor富文本编辑器的使用
//以下为我在官网下载的ueditor v1.3.5 php版的大楷配置步骤
第一步:
//配置文件的引入应该比功能文件先引入,最后设置语言类型。即:editor.config.js==>editor.all.min.js==>lang/zh-cn/zh-cn.js
<script type="text/javascript" src="ueditor/editor.config.js"></script>
<script type="text/javascript" src="ueditor/editor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>
第二步:
//在网页中应用文本宽的地方
<textarea name="content" id=" content ">
这里写你的初始化内容
</textarea>
<script type="text/javascript">
UE.getEditor(' content '); //'content' 为上边文本框的ID值
</script>
第三步:
在配置文件(editor.config.js)下修改全局路径(三种方案):
1) var URL = window.UEDITOR_HOME_URL || "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
2) window.UEDITOR_HOME_URL = "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
3) var URL ="/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
//其实最终目的就是让URL的值为网站根目录到ueditor的路径字符串(*以 “/” 结束)
第四步:
工具栏工具设置:
单行:
toolbars:[["bold","italic","undo","redo"]]
多行:
toolbars:[["bold","italic"],["undo","redo"],["insertimage"]]
第五步:
//对编辑器默认参数配置
,autoFloatEnabled:false //工具栏浮动
,elementPathEnabled:false //左下角显示元素路径
,autoHeightEnabled:false // 是否自动长高,默认true,设为false当超界时显示滚动条
,maximumWords:10000 //允许的最大字符数
,initialFrameWidth:750 //初始化编辑器宽度,默认1000
,initialFrameHeight:400 //初始化编辑器高度,默认320
,wordCount:true //是否开启字数统计
,textarea:content //设置默认文本框内容的name属性,也可在对应的html中设置name属性
//==========================ueditor的文件目录说明===================================//
dialogs 编辑器弹出框的内容都在在里面。不可删除,不建议移动该目录
lang 编辑器语言国际化支持,如果你想增加韩语、日语等支持可以在这里添加。 不可删除,不建议移动该目录
php/jsp/.net 服务器端处理程序,各个版本该目录名字不一样,jsp版本叫jsp,以此类推。可删除,这需要你自己开发相关程序;可移动,前提是要更改对应的上传路径!!!
themes 编辑器皮肤目录。不可删除,不建议移动该目录
third-party 编辑器以来第三方包。不可删除,不建议移动该目录
editor.all.js 编辑器打包后的文件,开发环境用该文件。不可删除,不建议移动该文件
editor.all.min.js 编辑器打包后的压缩版本,产品环境用该文件。不可删除,不建议移动该文件
editor.config.js 编辑器配置文件。不可删除,不建议移动该文件(一般将其备份在之际配置一份)
ueditor.parse.js
ueditor.parse.min.js
index.html 可以在服务器中直接大楷这个文件,他是一个官方给的实例
百度ueditor富文本编辑器的使用的更多相关文章
- ASP.NET MVC5 中百度ueditor富文本编辑器的使用
随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor, ...
- PHP如何搭建百度Ueditor富文本编辑器
本文为大家分享了PHP搭建百度Ueditor富文本编辑器的方法,供大家参考,具体内容如下 下载UEditor 官网:下载地址 将下载好的文件解压到thinkphp项目中,本文是解压到PUBLIC目录下 ...
- django之百度Ueditor富文本编辑器后台集成
Python3 + Django2.0 百度Ueditor 富文本编辑器的集成 百度富文本编辑器官网地址:http://fex.baidu.com/ueditor/ 疑问:为什么要二次集成? 答案:因 ...
- vue集成百度UEditor富文本编辑器
在前端开发的项目中.难免会遇到需要在页面上集成一个富文本编辑器.那么.如果你有这个需求.希望可以帮助到你 vue是前端开发者所追捧的框架,简单易上手,但是基于vue的富文本编辑器大多数太过于精简.于是 ...
- 百度UEditor(富文本编辑器)的基础用法
百度的这个编辑器挺强大的,这里只是用他的文本功能,没有介绍上传图片视频的. 我用是的SSH来写的项目. 1. 把下载的UEditor(ueditor1_4_3_1-utf8-jsp)解压后全部复制到W ...
- 百度UEditor富文本编辑器去除过滤div等标签
将设计排版好的页面html代码上传到数据库,再读取出来的时候发现所有的div都被替换成了p标签. 解决方法: 首先在ueditor.all.js文件内搜索allowDivTransToP,找到如下的代 ...
- 百度UEditor富文本编辑器去除自动追加p标签
本篇文章还原了我在遇到这个问题时的解决过程: 找到ueditor.all.js文件,搜索 me.addInputRule(function(root){ 或者直接搜索 //进入编辑器的li要套p标签 ...
- vue2.x结合百度UEditor富文本编辑器
1.首先下载UEditor源码(https://ueditor.baidu.com/website/),将整个文件放到static文件夹中 2.在src/components文件夹下创建公共组件UEd ...
- 百度Ueditor富文本编辑器 .net版本 任意文件上传执行漏掉修复
问题描述: 借由上传网络图片功能中可传递可执行文件.后台代码中只做了文件类型的检测未能正确的拦截掉非法文件. 只需将上传地址改为 XXXXXX.jpg?.aspx最终服务上最终存储的文件会变为XXXX ...
随机推荐
- provider: Named Pipes Provider, error: 40 - 无法打开到 SQL Server 的连接
问题描述: SQL Sever2012 中:在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误.未找到或无法访问服务器.请验证实例名称是否正确并且 SQL Server 已配置为 ...
- 第9课_3_db库安装
四 安装listener监听 使用oracle用户,在rac1和rac2上都可以起netca 1.打开网络配置界面,选择"Cluster configuration"集群配置方案, ...
- Quartz 2D - 图形上下文(Graphics Contexts)
一个Graphics Context表示一个绘制目标.它包含绘制系统用于完成绘制指令的绘制参数和设备相关信息.Graphics Context定义了基本的绘制属性,如颜色.裁减区域.线条宽度和样式信息 ...
- Java多线程-新特征-锁
Java中读写锁有个接口java.util.concurrent.locks.ReadWriteLock,也有具体的实现ReentrantReadWriteLock,详细的API可以查看JavaAPI ...
- JAVA 可视化分析工具 第12节
JAVA 可视化分析工具 第12节 经过前几章对堆内存以及垃圾收集机制的学习,相信小伙伴们已经建立了一套比较完整的理论体系!那么这章我们就根据已有的理论知识,通过可视化工具来实践一番. 我们今天要讲 ...
- NTFS 文件系统解析
1. windows 下磁盘文件读写 下面是读取D:\磁盘上的第0扇区 512 Bytes CreateFile()打开磁盘,获取文件句柄: SetFilePointer()设置读写的位置: Read ...
- 【Chromium中文文档】Profile架构(看看谷歌家的重构)
进程模型 转载请注明出处:https://ahangchen.gitbooks.io/chromium_doc_zh/content/zh//General_Architecture/Profile_ ...
- 如何解决”无法将类型为“System.DateTime”的对象强制转换为类型“System.String”。“
字段Time在数据库中为datetime类型 dr.GetString(3).ToString() dr.GetString(3).ToString() => dr.GetDateTime(3) ...
- hdu--1800--字典树&&其他
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=1800 根据题意可知:意思是有若干个飞行员,需要在扫帚上练习飞行,每个飞行员具有不同的等级,且等级高的飞 ...
- 达内TTS6.0课件oop_day04