代码之家 › 专栏 › 技术社区 › Avitus

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

content-management css html javascript

Avitus · 技术社区 · 17 年前

我有一个标准的内容编辑器,它使用iFrame作为文本区域,然后执行下拉菜单的更改:

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

我有一个自定义样式表。有没有一种方法可以将我创建的样式放入这个样式下拉列表中?如果没有,我可以为这些自定义样式提供另一个下拉列表,但设置这些样式的命令名称是什么?

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