useCSS：切换使用HTML tags还是CSS来生成标记，要求一个布尔值true/false作为参数；注: 这个属性是逻辑上的倒退 (例如. use false to use CSS, true to use HTML).(IE不支持)；该属性已经废弃，使用 styleWithCSS 代替；

styleWithCSS：用这个取代 useCSS 命令，false 生成格式化元素；不同的浏览器实现不同的编辑命令；只有少部分命令得到了很好的支持，所以在使用之前一定要检测浏览器是否支持该命令；document.queryCommandSupport(command)方法：传入command命令名，返回一个布尔值，用来查询浏览器是否支持该命令；

var selectAll = document.queryCommandSupported("selectAll"); console.log(selectAll);doument.queryCommandEnable(command)方法：传入command命令名，返回一个布尔值，查询浏览器中指定的编辑指令是否可用；

mydiv.addEventListener("mouseup",function(e){ var createLink = document.queryCommandEnabled("createLink"

); console.log(createLink); },false);document.queryCommandState(command)方法：用来判定命令的当前状态：有一些命令如”bold”和”italic”有一个布尔值状态，开或关取决于当前选区或光标的位置；这些命令通常用工具栏上的开关按钮表示；

var flag = document.queryCommandState("bold"); console.log(flag);document.queryCommandValue()方法：查询相关联的值，有些命令如”fontname”有一个相关联的值，字体系列名；

var fontSize = document.queryCommandValue("fontSize"); console.log(fontSize); // 默认是3var foreColor =

document.queryCommandValue("foreColor"); console.log(foreColor); // rgb(0,0,0)document.queryCommandIndeterm(command)方法：返回一个布尔值，用于检测指定的命令是否处于不确定状态；例如，如果当前选取的文本使用了两种不同的字体，使用该方法查询”fontname”的结果是不确定的；

需要注意的是，这些编辑器生成的HTML标记很可能是杂乱无章的；另外，一旦用户编辑了某元素的内容，就可以使用innerHTML属性得到已经编辑内容的HTML标记；如何处理这些富文本，有多种方式，可以把它存储在隐藏的表单控件中，并通过提交该表单发送到服务器，也可以保存在本地；

示例：一个HTML编辑器： *{margin:0;padding:0; box-sizing: border-box;} #editor{width

:600px;margin:100px auto;} #editor#toolBar1,#editor#toolBar2{width:100%;background-color: lightgray;}

img.intLink{cursor:pointer;border:none;} #toolBar1select{font-size:16px;} #textBox{width

:100%; height:200px; border:1px solid;padding:10px; overflow:scroll;} #textBox#sourceText{margin

:0;padding:0; min-width:498px; min-height:200px;} var oDoc, sDefTxt; function

initDoc(){ oDoc = document.getElementById("textBox"); sDefTxt = oDoc.innerHTML;

if(document.compForm.switchMode.checked) setDocMode(true); } function

formatDoc(sCmd, sValue){ if(validateMode()){ document.execCommand(sCmd, false

, sValue); oDoc.focus(); } } functionvalidateMode(){

if(!document.compForm.switchMode.checked) returntrue; alert("Uncheck Show HTML"

); oDoc.focus(); returnfalse; } functionsetDocMode(bToSource)

{ var oContent; if(bToSource){ oContent = document.createTextNode(oDoc.innerHTML); oDoc.innerHTML =

""; var oPre = document.createElement("pre"); oDoc.contentEditable =

false; oPre.id = "sourceText"; oPre.contentEditable = true; oPre.appendChild(oContent); oDoc.appendChild(oPre);

document.execCommand("defaultParagraphSeparator", false, "div"); }else{ if

(document.all) oDoc.innerHTML = oDoc.innerText; else{ oContent =

document.createRange(); oContent.selectNodeContents(oDoc.firstChild); oDoc.innerHTML = oContent.toString(); } oDoc.contentEditable =

true; } oDoc.focus(); } functionprintDoc(){ if(!validateMode())

return; var oPrintWin = window.open("","_blank","width=450,height=450,left=400,top=100,menubar=yes,toolbar=no,scrollbars=yes"

); oPrintWin.document.open(); oPrintWin.document.write("打印"

+ oDoc.innerHTML + ""); oPrintWin.document.close(); }

>

="if(validateMode()){this.myDoc.value=oDoc.innerHTML; return true;}return false;">

name="myDoc">

>-文本格式-标题1

标题2

>标题3

标题4 标题5

>标题6 段落

预定义

>

>-字体-ArialArial Black

>Courier NewTimes New Roman

>-字号-非常小小

正常中大大非常大

最大

>-颜色-RedBlue