今天偿试可视化编辑器的编写；
知识点：contentEditable，designMode
这里不做过多介绍contentEditable 和designModo 的起源与原理，如果需要补充这方面的知识，请自行脑补或找度娘问问；
区别：contentEditable可以把任何HTML元素改成可编辑状态
designMode 可以把document.整体设为可编辑状态；
HTML---------------------------
<Code>
<button onClick="farmatEdit('bold')">加粗</button>
<button onClick="farmatEdit('big')">加大</button>
<div id="myEdit" contentEditable=true>
</div>
</Code>
<JS---------------------------->
function farmatEdit()
{
let editor=document.getElementById（"myEdit"）;
editor.document.execCommand("Bold", true, null);
}
网友评论