Question

我有标准内容编辑器，它使用iFrame作为文本区域，然后更改它执行的下拉列表：

idContent.document.execCommand（CMD “”，优化）;

其中“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();
    }

Answer 1

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

阅读以下有关您可以应用的常规命令的文章：https://developer.mozilla.org/en/Midas

以下文章将介绍使用选择和选项的高级编辑技巧。范围： https://developer.mozilla.org/en/DOM/Selection

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

将自定义样式添加到内容编辑器

1 个答案: