富文本编辑器的实现与开发

2018-03-06  本文已影响0人  JeaStone

今天偿试可视化编辑器的编写;
知识点: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);

}

上一篇 下一篇

猜你喜欢

热点阅读