您的位置:首页 > 其它

UMeditor,简称UM 添加缩进功能

2020-05-02 12:19 375 查看

UM没有缩进功能完美有使用的是UMeditor 没办法只能自己加,还不是和完善

var range = window.getSelection().getRangeAt(0);//获取所有内容
var container = range.cloneRange();//获取所有可以编辑内容
var containers = range.cloneContents();//获取不可以编辑但是已选择区域
var isnode = true;
var lan;
var arr = ["p", "h1", "h2", "h3", "h4", "h5", "h6"]; //包含标签
if (container.commonAncestorContainer.children == null) { //单个缩进
isnode = false;
lan = container.commonAncestorContainer.parentNode;
var str = lan.localName;
if ($.inArray(str, arr) == -1) {
return;
}
//缩进
//alert($(lan).css("text-indent"));
if ($(lan).css("text-indent") == "0px" ) {
$(lan).css("text-indent", "2em");
} else {
$(lan).css("text-indent", "0em");
}
} else { //多个缩进或是一个选择缩进
lan = container.commonAncestorContainer;
//判断是否包含缩进标签
if (lan.localName == "div") {
//循环判断
if (lan.children.length > 0) {
for (var i = 0; i <= lan.children.length - 1; i++) {
var biaoq = container.commonAncestorContainer.children[i];
for (var s = 0; s <= containers.children.length - 1; s++) {
var biaoqs = containers.children[s];
if (biaoq.innerText == biaoqs.innerText) {
//缩进
if ($(biaoq).css("text-indent") == "0px") {
$(biaoq).css("text-indent", "2em");
} else {
$(biaoq).css("text-indent", "0em");
}
}
}
}
}

} else {
//缩进
var str = lan.localName;
if ($.inArray(str, arr) == -1) {
return;
}
//缩进
if ($(lan).css("text-indent") == "0px") {
$(lan).css("text-indent", "2em");
}
else {
$(lan).css("text-indent", "0em");
}
}
}
});

转载于:https://www.cnblogs.com/Geok/p/7515737.html

banglianmiao0070 原创文章 0获赞 0访问量 528 关注 私信
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: