2009-06-18 73 views
2

我有一个使用一个iFrame作为文本区域,然后下拉菜单中的onchange它执行标准的内容编辑:添加自定义风格,内容编辑

idContent.document.execCommand(CMD“” OPT);

其中“idContent”是iFrame。

其中一个下拉菜单应该是样式,但会执行“formatBlock”命令。

我有一个自定义样式表。有没有办法让我将这种风格创建成这种风格?如果没有,我可以为这些自定义样式设置另一个下拉菜单,但设置这些样式的命令名是什么?

这里是我目前使用的下拉和javascript:

<select onchange="cmdExec('formatBlock',this[this.selectedIndex].value);this.selectedIndex=0"> 
<option selected>Style</option> 
    <option value="Normal">Normal</option> 
    <option value="Heading 1">Heading 1</option> 
    <option value="Heading 2">Heading 2</option> 
    <option value="Heading 3">Heading 3</option> 
    <option value="Heading 4">Heading 4</option> 
    <option value="Heading 5">Heading 5</option> 
    <option value="Address">Address</option> 
    <option value="Formatted">Formatted</option> 
    <option value="Definition Term">Definition Term</option> 
    </select> 

function cmdExec(cmd,opt) 
    { 
    idContent.document.execCommand(cmd,"",opt); 
     idContent.focus(); 
    } 
+0

什么是“标准内容编辑器“?你在用什么CMS?如果没有这个背景,你的问题可能意味着什么,因为它是关于如何在抽象中使用特定的CMS而不是JavaScript。 – 2009-06-18 11:30:12

回答

1

是可能的样式表链接到您当前正在编辑的文档,假设你在iframe在将designMode文档。样式表可以包含您喜欢的样式,您可以通过更改元素CSS classnames或包装在具有类名的HTML元素中来应用这些样式。但是,您将无法使用designMode命令来应用它。您必须使用选择&范围,并手动更改HTML标记以应用所需的样式。

阅读一般命令下面的文章,你可以申请:https://developer.mozilla.org/en/Midas

下面的文章将介绍使用选择高级编辑技术&范围: https://developer.mozilla.org/en/DOM/Selection

https://developer.mozilla.org/en/DOM/range