bootstrap-所见即所得在IE中不起作用

Question

我正在尝试提供bootstrap-wysiwyg编辑器。它在firefox中运行良好，但在IE中出现异常

Unhandled exception at line 30, column 7 in http://localhost:21585/Scripts/plugins/bootstrap-wysiwyg.js

0x80040100 - JavaScript runtime error: This command is not supported.

这条线是

if (document.queryCommandState(command)) {

命令= "fontSize 5“

有什么想法吗？

Answer 1

由于IE不能处理"fontSize 5“，你必须删除"5”。

因此，在bootstrap-wysiwyg.js中找到以下行

var command = $(this).data(options.commandRole);
if (document.queryCommandState(command)) {

并将其更改为如下所示

var command = $(this).data(options.commandRole);
command = command.split(' ').shift();
if (document.queryCommandState(command)) {

Answer 2

我解决这个问题的方法如下：

$(options.toolbarSelector).find(toolbarBtnSelector).each(function () {
                    var command = $(this).data(options.commandRole);
                    if (document.queryCommandState(command)) {

更改此行：

if (document.queryCommandState(command))

至：

if (editor.is(':focus') && document.queryCommandState(command))

Answer 3

如错误所示，"fontSize 5“不是有效的命令名。请改用"fontSize“。

参考文献：

• MSDN
• MDN (Mozilla)