<!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设计源码
版权申诉
113 浏览量
2024-05-30
14:43:37
上传
评论
收藏 10.49MB ZIP 举报
基于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
资源评论
沐知全栈开发
- 粉丝: 5034
- 资源: 5025
最新资源
- C语言编程经典案例900集
- 实现求后缀表达式和对后缀表达式求值.zip
- MyEMS 一款功能强大的开源能源管理系统致力于实现对电水气等能源数据的全面采集分析和报表展示
- 毕设项目：网上图书销售管理系统(ASP+ACCESS+源代码+论文)
- Max30102实战开源资料集：硬件设计、上下位机程序及结构设计一应俱全
- PHP5版本手册chm格式压缩包
- Java微信公众号开发所需JAR包概述： Wx-tools框架JAR包：提供基于微信公众平台API的轻量级开发框架 相关依赖库
- duilib集成的Webkit内核浏览器控件 基于BlaFans的wke内核 提供丰富的浏览功能和稳定性 支持最新的HTML
- linux平台上的一种压力测试工具http-load压缩包
- 系统栏着色管理器：Syst
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
