如何让execCommand更改我的wysiwyg的字体类型?

时间:2013-01-07 05:17:46

标签: javascript execcommand

我可以使用按钮使字体变粗,但是在使用select标签选择字体时不能。我有一系列的选择,如Arial,Times,Courier等,无法点击。这就是代码的样子

function fontEditor(){
var x=document.getElementById("fontName").selectedIndex;
var y=document.getElementById("fontName").options;
document.execCommand(x,"",y);
edit.document.focus(fontName);
}

与此同时

<select id="fontName" onChange="fontEditor('font',[selectedIndex].value)">
<option value="Arial">Arial</option>
<option value="Calibri">Calibri</option>
<option value="Comic Sans MS">Comic Sans MS</option>
</select>

1 个答案:

答案 0 :(得分:8)

尝试将function fontEditor()更改为function fontEditor(fontName)

function fontEditor(fontName) {
    document.execCommand("fontName", false, fontName);
    ...
}

<select onchange="fontEditor(this[this.selectedIndex].value)">
    <option value="Arial">Arial</option>
    <option value="Calibri">Calibri</option>
    <option value="Comic Sans MS">Comic Sans MS</option>
</select>