今天償試可視化編輯器的編寫(xiě)欠动;
知識(shí)點(diǎn):contentEditable箱靴,designMode
這里不做過(guò)多介紹contentEditable 和designModo 的起源與原理只嚣,如果需要補(bǔ)充這方面的知識(shí)穗椅,請(qǐng)自行腦補(bǔ)或找度娘問(wèn)問(wèn)蔓倍;
區(qū)別:contentEditable可以把任何HTML元素改成可編輯狀態(tài)
designMode 可以把document.整體設(shè)為可編輯狀態(tài);
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);
}