Question

您好我正在尝试为我的textarea设置一些粗体，斜体和下划线按钮，我使用此代码进行从正常切换到粗体/斜体/下划线

document.execCommand("bold", false, "");

它在chrome中工作得很完美，但在firefox中，即它不会将文本更改为粗体或任何内容，我无法解释为什么？

这是完整的代码

<input name="new_shout_bold" type="button" class="new_shout_text_option" id="new_shout_bold" onclick='document.execCommand("bold", false, "");' value="B" alt="B" />

<input name="new_shout_italic" type="button" class="new_shout_text_option" onclick='document.execCommand("italic", false, "");' value="I" alt="I" style="font-style: italic;"/>

<input name="new_shout_underline" type="button" class="new_shout_text_option" onclick='document.execCommand("underline", false, "");' value="U" alt="U" style="text-decoration: underline;" />

这是textarea

<div id="dash_new_shout_textarea" name="dash_new_shout_textarea" class="dash_new_shout_textarea" contenteditable="true"></div>

任何想法？

Answer 1

通过在HTML标记中添加unselectable="on"，使IE中的按钮无法选择。

Answer 2

我知道这无济于事，但是这段代码在Chrome和Firefox中运行得非常好

http://jsbin.com/iluXOGe/2/edit

document.execCommand无法在Firefox和IE中运行

2 个答案: