一个页面中使用多个UEditor
如何在一个页面中使用多个Ueditor:
引入这些js:
<script src="~/Scripts/ueditor/ueditor.config.js"></script>
<script src="~/Scripts/ueditor/ueditor.all.min.js"></script>
<link href="~/Scripts/ueditor/themes/iframe.css" rel="stylesheet" />
<script src="~/Scripts/ueditor/lang/zh-cn/zh-cn.js"></script>
实例不同的UEditor:
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor({
UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
initialContent: '',//初始化编辑器内容
autoHeightEnabled: true,//高度自动增长
minFrameHeight: 1000,//最小高度
autoClearinitialContent: false,//是否自动清除编辑器出事内容
autoFloatEnabled: true,
initialFrameWidth: 1000,
initialFrameHeight: 500,
toolbars: [
['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
]
});
editor.render('editor'); var editorTwo = new baidu.editor.ui.Editor({
UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
initialContent: '',//初始化编辑器内容
autoHeightEnabled: true,//高度自动增长
minFrameHeight: 1000,//最小高度
autoClearinitialContent: false,//是否自动清除编辑器出事内容
autoFloatEnabled: true,
initialFrameWidth: 1000,
initialFrameHeight: 500,
toolbars: [
['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
]
});
editorTwo.render('editorTwo'); var editorThree = new baidu.editor.ui.Editor({
UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
initialContent: '',//初始化编辑器内容
autoHeightEnabled: true,//高度自动增长
minFrameHeight: 1000,//最小高度
autoClearinitialContent: false,//是否自动清除编辑器出事内容
autoFloatEnabled: true,
initialFrameWidth: 1000,
initialFrameHeight: 500,
toolbars: [
['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
]
});
editorThree.render('editorThree'); var editorFour = new baidu.editor.ui.Editor({
UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
initialContent: '',//初始化编辑器内容
autoHeightEnabled: true,//高度自动增长
minFrameHeight: 1000,//最小高度
autoClearinitialContent: false,//是否自动清除编辑器出事内容
autoFloatEnabled: true,
initialFrameWidth: 1000,
initialFrameHeight: 500,
toolbars: [
['source', 'undo', 'redo', 'bold', 'simpleupload', 'insertimage', 'preview', 'dialog', 'beijing']
]
});
editorFour.render('editorFour'); function success(data) {
if (data == "ok") {
alert("添加成功");
//拼接添加成功后返回的路由
window.location.href = "/Subject/Index/?id=@ViewData["eid"]&bkid=@ViewData["bkid"]&csid=@ViewData["csid"]"; } else if (data == "error"){
alert("添加失败");
}
}
</script>
调用:
<div>
<textarea id="editor" name="editor"></textarea>
</div>
<div>
<textarea id="editorTwo" name="editorTwo"></textarea>
</div>
<div>
<textarea id="editorThree" name="editorThree"></textarea>
</div>
<div>
<textarea id="editorFour" name="editorFour"></textarea>
</div>
一个页面中使用多个UEditor的更多相关文章
- 网站开发进阶(十一)如何将一个jsp页面嵌套在另一个页面中
		如何将一个jsp页面嵌套在另一个页面中 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可.这样便于维护,如果有很多网页,当通用 ... 
- 网站开发进阶(十)如何将一个html页面嵌套在另一个页面中
		如何将一个html页面嵌套在另一个页面中 1.IFrame引入 <IFRAME NAME="content_frame" width=100% height=30 margi ... 
- 润乾报表一个页面中的echarts地图与其他区块的联动
		需求概述: DBD样式效果如下图所示,需要点击左侧地图中的地区,右侧的仪表盘,柱线图可以对应显示对应该地区的数据. 实现思路: 分别制作带有地图.仪表盘.柱线图的3张报表:将3张报表放到DBD中设置布 ... 
- Loadrunner如何遍历一个页面中的url并进行访问?
		最近在网上到一个关于loadrunner遍历一个页面中的url并进行访问的脚本,就把它用我们自己的项目实践了一下,发现有一点不完善. 原始版本: Action(){char temp[64];int ... 
- Js 日期选择,可以的一个页面中重复使用本JS日历,兼容IE及火狐等主流浏览器,而且界面简洁、美观,操作体验也不错。
		<html> <head> <title>Js日期选择器并自动加入到输入框中</title> <meta http-equiv="con ... 
- 需求:一个页面中需要用到多个字典数据。用于下拉选项,同时,需要将其保存为json格式。以便于key,value的相互转换。记录在实现过程中踩的坑
		本文涉及到的知识: Promise,all()的使用 js处理机制 reduce的用法 map的用法 同步异步 需求: 一个页面中需要用到多个字典数据.用于下拉选项,同时,需要将其保存为json格式. ... 
- 一个页面中多个window.onload = function(){}冲突问题解决思路
		转: 一个页面中多个window.onload = function(){}冲突问题解决思路 一个页面中多个window.onload = function(){}冲突问题解决思路 参考文章: (1) ... 
- ASP.NET上传文件,已经上传的大小保存在session中,在另一个页面中读取session的值不行
		想自己做个ASP.NET上传文件时显示进度条的, 按照自己的想法,其实也就是显示每次已经上传的字节,从网上找到一个方法是能够把文件变成流以后再慢慢写入的,我在那个循环写入的时候每循环一次都把已经上传的 ... 
- 如何将一个HTML页面嵌套在另一个页面中
		一 在原页面嵌入其他页面 1.使用iframe框架 客户端页面嵌套可以使用iframe的方法,弊端是必须事先想好被嵌套的页面在首页中要占多大的位置. 如果被嵌套页面太大,超过事先定义的宽度或高度,则首 ... 
随机推荐
- linux 终端命令行的快捷键列表
			终端有很多快捷键,不太好记,常用的在这里 Ctrl+r 实现快速检索使用过的历史命令.Ctrl+r中r是retrieve中r.Ctrl+a:光标回到命令行首. (a:ahead)Ctrl+e:光标回到 ... 
- 查找轮廓(cv2.findCountours函数)
			1.输入为二值图像,黑色为背景,白色为目标 2.该函数会修改原图像,因此若想保留原图像在,则需拷贝一份,在拷贝图里修改. 一.查找轮廓 cv2.findContours() 三个输入参数:输入图像(二 ... 
- Python-字符串的常用操作
			name = "my name is irving and i am 22 years old!" #开头字母大写 print(name.capitalize()) #统计某字符个 ... 
- Linker Scripts3--SECTIONS Command
			1.前言 SECTIONS命令告诉链接器如何映射输入段到输出段以及在内存中如何放置输出段,SECTIONS命令的格式如下: SECTIONS { sections-command sections-c ... 
- AMBA总线协议AHB、APB、AXI对比分析【转】
			转自:https://blog.csdn.net/ivy_reny/article/details/56274412 一.AMBA概述 AMBA (Advanced Microcontrolle ... 
- delphi  控件集
			delphi 控件集: 1)RAIZE 控件包 :http://www.raize.com/devtools/rzcomps/ 被收购 Raize Components has been ac ... 
- CFtpConnection Class
			CFtpConnection Class 1.链接http://technet.microsoft.com/zh-cn/office/2kywsafk(v=vs.80) 2.测试ftp可以用这个地 ... 
- struts2框架之标签
			标签 1. <s:property> * default:默认值,例如:<s:property value="name" default="不存在&qu ... 
- $Django orm增删改字段、建表 ,单表增删改查,Django请求生命周期
			1 orm介绍 ORM是什么 ORM 是 python编程语言后端web框架 Django的核心思想,“Object Relational Mapping”,即对象-关系映射,简称ORM. 一 ... 
- GIT入门文档
			集中式(SVN): 集中式版本控制系统,版本库是集中存放在中央服务器的,用的都是自己的电脑,所以要先从中央服务器取得最新的版本,然后开始干活,干完活了,再把自己的活推送给中央服务器. 集中式版本控制系 ... 
