使用designMode = On构建自定义WYSIWYG - 插入表

时间:2014-07-25 13:34:31

标签: javascript jquery

我正在建立自己的所见即所得编辑器。

我的代码:

 <body onLoad="iFrameOn();">
    <input type="button" onClick="iBold()" value="B"/>
    <textarea style="display: none;" name="myTextArea" id="myTextArea" cols="100" rows="14"></textarea>
    <iframe name="richTextField" id="richTextField" style="border:#000 1px solid; width: 700px; height: 300px;"></iframe>

我的javascript:

function iFrameOn() {
   richTextField.document.designMode = 'On';
   richTextField.document.body.innerHTML="";
   richTextField.focus();
}
function iBold() {
   richTextField.document.execCommand('bold',false,null);
}

如何制作与插入表类似的内容。我有搜索但找不到任何东西。我所尝试过的都不起作用。

我尝试过使用innerHTML,但所有表格都出现了,所有内容都消失了:

richTextField.document.body.innerHTML = "TABLE CODE";
richTextField.focus();

我该怎么办?

0 个答案:

没有答案