# layui-ueditor
#### 介绍
layui单页面应用百度富文本
#### 使用说明
1. 加载插件
```
layui.extend({
ueditor: '{/}./ueditor/ueditor'
})
```
2. 使用
```
layui.extend({
ueditor: '{/}./ueditor/ueditor'
}).use(['ueditor', 'util', 'layer'], function() {
var ueditor = layui.ueditor,
util = layui.util;
var ue = ueditor.render('container');
util.event('lay-event', {
getAllHtml: function() {
alert(ue.getAllHtml())
},
getContent: function() {
var arr = [];
arr.push("使用editor.getContent()方法可以获得编辑器的内容");
arr.push("内容为：");
arr.push(ue.getContent());
alert(arr.join("\n"));
},
isFocus: function() {
alert(ue.isFocus());
ue.dom.domUtils.preventDefault(true)
},
setblur: function(e) {
ue.blur();
ue.dom.domUtils.preventDefault(e)
},
insertHtml: function() {
var value = prompt('插入html代码', '');
ue.execCommand('insertHtml', value)
},
createEditor: function() {
console.log("创建")
enableBtn();
ue = ueditor.render('container');
},
getPlainTxt: function() {
var arr = [];
arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
arr.push("内容为：");
arr.push(ue.getPlainTxt());
alert(arr.join('\n'))
},
setContent: function(isAppendTo) {
var arr = [];
arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
ue.setContent('欢迎使用ueditor', isAppendTo);
alert(arr.join("\n"));
},
setDisabled: function() {
ue.setDisabled('fullscreen');
disableBtn("enable");
},
setEnabled: function() {
ue.setEnabled();
enableBtn();
},
getText: function() {
//当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
var range = ue.selection.getRange();
range.select();
var txt = ue.selection.getText();
alert(txt)
},
getContentTxt: function() {
var arr = [];
arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
arr.push("编辑器的纯文本内容为：");
arr.push(ue.getContentTxt());
alert(arr.join("\n"));
},
hasContent: function() {
var arr = [];
arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
arr.push("判断结果为：");
arr.push(ue.hasContents());
alert(arr.join("\n"));
},
setFocus: function() {
ue.focus();
},
deleteEditor: function() {
disableBtn();
ue.destroy();
},
setHide: function() {
ue.setHide();
},
setShow: function() {
ue.setShow();
},
setHeight: function() {
ue.setHeight(300);
},
getLocalData: function() {
alert(ue.execCommand("getlocaldata"));
},
clearLocalData: function() {
ue.execCommand("clearlocaldata");
alert("已清空草稿箱")
}
})
function disableBtn(str) {
console.log(str)
var div = document.getElementById('btns');
var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
for (var i = 0, btn; btn = btns[i++];) {
console.log(btn.id)
if (btn.id == str) {
UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
} else {
btn.setAttribute("disabled", "true");
UE.dom.domUtils.addClass(btn, 'layui-btn-disabled');
}
}
}
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"]);
UE.dom.domUtils.removeClasses(btn, 'layui-btn-disabled');
}
}
})
```
#### 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request
#### 特技
1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
go-layui-ueditor-master （390个子文件） 
fly.bat 17B layui.css 91KB ueditor.css 43KB iconfont.css 42KB ueditor.min.css 34KB video-js.css 21KB image.css 18KB video.css 15KB layer.css 14KB attachment.css 14KB video-js.min.css 11KB layui.mobile.css 10KB laydate.css 7KB 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 code.css 1KB template.css 1KB webuploader.css 515B help.css 389B iframe.css 41B iconfont.eot 43KB vjs.eot 3KB
main.exe 7.8MB UEditorSnapscreen.exe 508KB
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 59.gif 10KB 22.gif 10KB cface.gif 8KB 24.gif 8KB 13.gif 7KB 16.gif 7KB 39.gif 6KB 64.gif 6KB 63.gif 6KB 50.gif 6KB loading-0.gif 6KB 4.gif 6KB 1.gif 5KB 42.gif 5KB 71.gif 5KB 21.gif 5KB 20.gif 5KB 29.gif 5KB 70.gif 4KB 5.gif 4KB 17.gif 4KB 27.gif 4KB 9.gif 4KB 44.gif 4KB 11.gif 4KB 8.gif 4KB 3.gif 4KB 23.gif 4KB icons-all.gif 4KB 34.gif 4KB 41.gif 4KB 38.gif 4KB 65.gif 3KB 32.gif 3KB 45.gif 3KB 7.gif 3KB 12.gif 3KB 26.gif 3KB 60.gif 3KB 2.gif 3KB 40.gif 3KB 25.gif 3KB 19.gif 3KB 66.gif 3KB 18.gif 3KB 46.gif 3KB 10.gif 3KB 28.gif 3KB 51.gif 3KB 57.gif 3KB 67.gif 3KB 0.gif 3KB 48.gif 3KB 43.gif 3KB 30.gif 2KB 61.gif 2KB 33.gif 2KB 69.gif 2KB 14.gif 2KB 47.gif 2KB共 390 条
- 1
- 2
- 3
- 4
评论0