原生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);
}
})();
