Document.designMode 在线编辑器模式

最新推荐文章于 2023-12-28 17:00:16 发布

fengsky491

最新推荐文章于 2023-12-28 17:00:16 发布

阅读量2k

点赞数

文章标签：文档设计模式 iframe border table html

Document.designMode 在线编辑器模式
它表示当前的文档设计模式，黩认为"Off",表示文档不可编辑，但当您将其设置为"On"，即可成为可编辑的，因此您便像在FrontPage中使用它一样。

<body οnlοad="edit.document.designMode='on'">
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<table border="1" width="100%" id=edit >
<tr>
<td width="100%">

<IFRAME id=edit marginWidth=0 marginHeight=0 src="about:blank" frameBorder=1 width="100%" height="100%"></IFRAME>

</td>
</tr>
</table>

一旦用户在文档中做了selection,您便可以使用下列的代码来访问它(selection.createRange()方法：从当前选择区中创建一个TextRange对象)。

如果您想在用户选择的区域为设计字体大小，字体色彩等功能，您还需要用到该对象的execCommand(）方法，它表示在给定选择区或上条命令：

语　法：
bSucces=object.execCommand(sCommand[,bUserInterface][,vVlaue])

参　数：
sCommand:必选项，表示要执行的命令。它可以是任何有效的命令标识符。更多的信息请参阅：
http://msdn.microsoft.com/workshop/author/dhtml/reference/commandids.asp

bUseInterface 可选项。表明是否显示用户界面的值，如果支持的话。此值可为True或者fasle,黪认为false.

vValue 可选项，可分配的字符串、数值或者其它值，可能的值取决于sCommand.

返回值：
布尔值，若成功，返回true,否则返回false

注　释：
等待调用execCommand方法，直到而被加载之后。

因此如果您想加入将用户当前的选择的字体设置为"黑体",那么您需要做的工作如下：

edit = EditorID.document.selection.createRange();
edit.execCommande("FontName",false,"黑体");

而加入居中方式则为：

edit = EditorID.document.selection.createRange();
edit.execCommande("JustifyCenter"）即可。

　　但如果您想直接插入HTML代码，则需要用到pasteHTML()方法，比如您想插入一张图片http://tech.the3place.net/techlogo.gif,则需要如下：

edit = EditorID.document.selection.createRange();
edit.pasteHTML("<img src='http://tech.the3place.net/techlogo.gif'>");

当前如果你只想插入一段文字(比如：<img src='http://tech.the3place.net/techlogo.gif'>），则可直接使用text属性，如：
edit = EditorID.document.selection.createRange();
edit.text="<img src='http://tech.the3place.net/techlogo.gif'>";