<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>完整demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
div{
width:100%;
}
</style>
</head>
<body>
<div>
<h1>完整demo</h1>
<script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
</div>
<div id="btns">
<div>
<button onclick="getAllHtml()">获得整个html的内容</button>
<button onclick="getContent()">获得内容</button>
<button onclick="setContent()">写入内容</button>
<button onclick="setContent(true)">追加内容</button>
<button onclick="getContentTxt()">获得纯文本</button>
<button onclick="getPlainTxt()">获得带格式的纯文本</button>
<button onclick="hasContent()">判断是否有内容</button>
<button onclick="setFocus()">使编辑器获得焦点</button>
<button onmousedown="isFocus(event)">编辑器是否获得焦点</button>
<button onmousedown="setblur(event)" >编辑器失去焦点</button>
</div>
<div>
<button onclick="getText()">获得当前选中的文本</button>
<button onclick="insertHtml()">插入给定的内容</button>
<button id="enable" onclick="setEnabled()">可以编辑</button>
<button onclick="setDisabled()">不可编辑</button>
<button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
<button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
<button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button>
</div>
<div>
<button onclick="getLocalData()" >获取草稿箱内容</button>
<button onclick="clearLocalData()" >清空草稿箱</button>
</div>
</div>
<div>
<button onclick="createEditor()">
创建编辑器</button>
<button onclick="deleteEditor()">
删除编辑器</button>
</div>
<script type="text/javascript">
//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
var ue = UE.getEditor('editor');
function isFocus(e){
alert(UE.getEditor('editor').isFocus());
UE.dom.domUtils.preventDefault(e)
}
function setblur(e){
UE.getEditor('editor').blur();
UE.dom.domUtils.preventDefault(e)
}
function insertHtml() {
var value = prompt('插入html代码', '');
UE.getEditor('editor').execCommand('insertHtml', value)
}
function createEditor() {
enableBtn();
UE.getEditor('editor');
}
function getAllHtml() {
alert(UE.getEditor('editor').getAllHtml())
}
function getContent() {
var arr = [];
arr.push("使用editor.getContent()方法可以获得编辑器的内容");
arr.push("内容为:");
arr.push(UE.getEditor('editor').getContent());
alert(arr.join("\n"));
}
function getPlainTxt() {
var arr = [];
arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
arr.push("内容为:");
arr.push(UE.getEditor('editor').getPlainTxt());
alert(arr.join('\n'))
}
function setContent(isAppendTo) {
var arr = [];
arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
alert(arr.join("\n"));
}
function setDisabled() {
UE.getEditor('editor').setDisabled('fullscreen');
disableBtn("enable");
}
function setEnabled() {
UE.getEditor('editor').setEnabled();
enableBtn();
}
function getText() {
//当你点击按钮时编辑区域已经失去了焦点,如果直接用getText将不会得到内容,所以要在选回来,然后取得内容
var range = UE.getEditor('editor').selection.getRange();
range.select();
var txt = UE.getEditor('editor').selection.getText();
alert(txt)
}
function getContentTxt() {
var arr = [];
arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
arr.push("编辑器的纯文本内容为:");
arr.push(UE.getEditor('editor').getContentTxt());
alert(arr.join("\n"));
}
function hasContent() {
var arr = [];
arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
arr.push("判断结果为:");
arr.push(UE.getEditor('editor').hasContents());
alert(arr.join("\n"));
}
function setFocus() {
UE.getEditor('editor').focus();
}
function deleteEditor() {
disableBtn();
UE.getEditor('editor').destroy();
}
function disableBtn(str) {
var div = document.getElementById('btns');
var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
for (var i = 0, btn; btn = btns[i++];) {
if (btn.id == str) {
UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
} else {
btn.setAttribute("disabled", "true");
}
}
}
function enableBtn() {
var div = document.getElementById('btns');
var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
for (var i = 0, btn; btn = btns[i++];) {
UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
}
}
function getLocalData () {
alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
}
function clearLocalData () {
UE.getEditor('editor').execCommand( "clearlocaldata" );
alert("已清空草稿箱")
}
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
基于JavaScript、Vue、HTML、CSS和Shell的无偿献血系统接口api设计源码
共564个文件
js:212个
png:116个
vue:61个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 35 浏览量
2024-05-30
06:43:37
上传
评论
收藏 10.49MB ZIP 举报
温馨提示
本项目是基于JavaScript、Vue、HTML、CSS和Shell的无偿献血系统接口api设计源码,包含564个文件,主要文件类型为js、png、vue、gif、scss、html、css、json、svg和jpg。该项目适用于无偿献血系统接口api的开发和设计,为用户提供了一个丰富的资源库,包含多种文件类型,方便进行无偿献血系统接口api相关的开发和设计工作。
资源推荐
资源详情
资源评论
收起资源包目录
基于JavaScript、Vue、HTML、CSS和Shell的无偿献血系统接口api设计源码 (564个子文件)
d2-admin.babel 7KB
.browserslistrc 21B
ueditor.css 43KB
ueditor.min.css 34KB
font-awesome.min.css 30KB
video-js.css 21KB
image.css 18KB
video.css 15KB
attachment.css 14KB
video-js.min.css 11KB
shCoreDefault.css 7KB
scrawl.css 4KB
codemirror.css 3KB
charts.css 3KB
background.css 2KB
emotion.css 2KB
dialogbase.css 2KB
music.css 2KB
edittable.css 1KB
template.css 1KB
webuploader.css 515B
help.css 389B
iframe.css 41B
.env.development 72B
.editorconfig 121B
.env 316B
fontawesome-webfont.eot 162KB
vjs.eot 3KB
.eslintignore 189B
wface.gif 49KB
jxface2.gif 40KB
yface.gif 28KB
bface.gif 27KB
icons.gif 20KB
file-icons.gif 20KB
file-icons.gif 20KB
tface.gif 19KB
fface.gif 18KB
cface.gif 8KB
icons-all.gif 4KB
videologo.gif 2KB
cancelbutton.gif 1KB
button-bg.gif 1KB
lock.gif 1KB
alignicon.gif 1KB
word.gif 1019B
icon_doc.gif 1012B
icon_psd.gif 1009B
icon_rar.gif 1007B
icon_xls.gif 1005B
icon_ppt.gif 1001B
icon_mv.gif 1001B
icon_pdf.gif 996B
icon_mp3.gif 986B
icon_txt.gif 970B
icon_jpg.gif 950B
icon_exe.gif 949B
icon_chm.gif 923B
loading.gif 734B
icons.gif 453B
icons.gif 453B
icons.gif 453B
success.gif 445B
success.gif 445B
success.gif 445B
cursor_v.gif 370B
cursor_h.gif 253B
anchor.gif 184B
highlighted.gif 111B
unhighlighted.gif 111B
bg.gif 84B
pagebreak.gif 54B
spacer.gif 43B
0.gif 43B
.gitignore 214B
index.hbs 361B
index.hbs 296B
index.hbs 185B
index.html 6KB
wordimage.html 6KB
map.html 6KB
emotion.html 6KB
image.html 5KB
show.html 5KB
charts.html 5KB
link.html 4KB
insertframe.html 4KB
video.html 4KB
searchreplace.html 4KB
gmap.html 4KB
scrawl.html 4KB
index.html 3KB
background.html 3KB
help.html 3KB
edittable.html 2KB
webapp.html 2KB
attachment.html 2KB
snapscreen.html 2KB
anchor.html 2KB
edittd.html 2KB
共 564 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
- #完美解决问题
- #运行顺畅
- #内容详尽
- #全网独家
- #注释完整
沐知全栈开发
- 粉丝: 5820
- 资源: 5219
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- COMSOL声子晶体复能带模型与PDE模块:声学黑洞复能带模型解析与实虚能带绘制参考图集,comsol声子晶体复能带模型 PDE模块 声学黑洞 复能带模型 实能带与虚能带的绘制 参考lunwen
- Comsol飞秒激光烧蚀材料仿真:双温模型与PDE方程在固体传热中的应用,Comsol飞秒多脉冲激光烧蚀材料,双温模型,pde或者固体传热模型都可以做 可以实现温度场的仿真,观察电子温度晶格温度温度变
- 基于Comsol的谷霍尔光子晶体太赫兹拓扑光子学模型:复现文章中的计算与磁场分布分析,Comsol谷霍尔光子晶体(VPC)-片上通信的太赫兹拓扑光子学 本模型复现文章:Terahertz topolo
- "COMSOL三次谐波与本征手性BIC的物理特性研究:远场偏振图、手性透射曲线与二维能带图的深度解析-Q因子图与电场图可视化呈现",comsol三次谐波,本征手性BIC,远场偏振图,手性透射曲线,二
- CO2封存模拟研究:基于COMSOL的地层CO2注入与扩散真实模拟分析报告,COMSOL-CO2封存模拟研究; 建立真实地层,模拟CO2注入与扩散情况 考虑地层孔隙度、渗透率、温度与压力等变量
- "Comsol锂枝晶耦合模型:多物理场相场法模拟与应力分析",comsol锂枝晶耦合应力模型 耦合了浓度场电势场应力场 Comsol锂枝晶模拟-相场法加应力 复现参考文献:How Does Exte
- "基于相场法四场耦合模拟锂枝晶生长演化的研究:复现《How Does External Pressure Shape Li Dendrites in Li Metal Batteries》的应力耦合分
- "COMSOL 6.2激光粉末床熔融工件表面激光清洗仿真模型:探索粗糙表面演化的多物理场计算与应用拓展",COMSOL6.2激光粉末床熔融工件表面激光清洗仿真模型 本案例介绍一个针对激光粉末床熔融钛合
- Comsol仿真:多物理场耦合下锂枝晶生长过程的元胞自动机模拟研究,Comsol仿真模型 锂枝晶生长过程的枝晶形貌,温度场耦合,应力场,浓度场,电势场 C++程序,基于元胞自动机法模拟枝晶生长,能
- 基于COMSOL仿真的液晶分子与超表面相互作用调控相位:张量矩阵中任意液晶分布及相态液晶分析 ,COMSOL光学仿真:液晶分子与超表面共同作用调制相位(张量矩阵设置任意液晶分布,向列相 胆甾相液晶)
- "SEM图像二值化处理与信息提取:Matlab与COMSOL模型文件应用指南",SEM图二值化处理,提取图片信息导入模拟软件 利用Matlab将SEM图进行二值化处理,利用 COMSOL插件提取图片信
- COMSOL 6.1激光熔融气孔缺陷演化仿真案例:全面考虑熔融过程物理效应的精确模型,COMSOL 6.1 激光粉末床熔融气孔缺陷演化仿真案例模型 本案例选用层流和流体传热模块,采用水平集法,考虑材料
- 光子晶体中连续域束缚态的远场偏振计算:含K空间能带Q值及Matlab脚本的仿真模型与相关文献综述,comsol光子晶体连续域束缚态 远场偏振计算 含k空间 能带 Q值 远场偏振仿真模型和matlab脚
- "锌离子沉积技术的优化及comsol模型的应用研究",锌离子沉积改善,comsol模型 ,锌离子沉积改善; comsol模型; 沉积技术; 仿真模拟,锌离子沉积优化技术:Comsol模型的应用
- COMSOL相变模拟及Lunwen复现:气液固相变与管道高温热湿耦合的数值研究,comsol相变模拟,lunwen复现,气液固相变,管道高温热湿耦合 comsol管中流水加热气化,水由左侧流入右侧流出
- "换热站程序组态系统:双循环泵与双补水泵一用一备自动切换控制,基于CAD图纸与昆仑通泰触摸屏及西门子200smart硬件实现",热站程序组态系统,2个循环泵,2个补水泵,循环泵与补水泵采用一用一备,按
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功