原生html编辑器,原生JS实现简单富文本编辑器
原生JS实现简单富文本编辑器
原生JS实现简单富文本编辑器
点 击
class Editor {
constructor() {this.bindElem();
}
bindElem() {var toolbar = document.getElementById("toolbar");var bs = toolbar.querySelectorAll(‘input,select‘);for (var i = 0; i < bs.length; i++) {if (bs[i].tagName.toLowerCase() == ‘select‘) {
bs[i].οnchange= function() {
document.execCommand(this.name, true, this.value);
}
}else if (bs[i].tagName.toLowerCase() == ‘input‘) {this.action(bs[i], bs[i].name);
}
}
}
action(obj, attr) {
obj.οnclick= function() {
document.execCommand(attr,true);
}
}
}newEditor();
document.getElementById("save").onclick = function(){
alert(document.getElementById("edit").innerHTML);
}
})();
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！