Javascript 向内容编辑器添加自定义样式

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

idContent.document.execCommand（cmd，“，opt）

其中，“idContent”是iFrame

其中一个下拉列表应该是style，但它执行“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();
    }

风格
正常的
标题1
标题2
标题3
标题4
标题5
地址
格式化
定义术语
函数cmdExec（cmd，opt）
{   
idContent.document.execCommand（cmd，“，opt）；
idContent.focus（）；
}

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

阅读以下有关可以应用的常规命令的文章：

以下文章将介绍使用选择和范围的高级编辑技术：

什么是“标准内容编辑器”？你在用什么CMS？没有这个上下文，您的问题可能意味着什么，因为它是关于如何使用特定的CMS，而不是抽象的javascript。