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

}

})();