Question

我正在使用Angular-trix富文本编辑器，它在所有浏览器中工作正常IE 11，但它在IE10或更低版本中无效。

它不断显示以下错误。

无法设置未定义或空引用的属性'trixMutable'

HTML

<trix-editor ng-model-options="{updateOn:'blur'}" spellcheck="false" class="trix-content" ng-model="trix" angular-trix trix-initialize="trixInitialize(e, editor);" trix-change="trixChange(e, editor);" trix-selection-change="trixSelectionChange(e, editor);" trix-focus="trixFocus(e, editor);" trix-blur="trixBlur(e, editor);" trix-file-accept="trixFileAccept(e, editor);" trix-attachment-add="trixAttachmentAdd(e, editor);" trix-attachment-remove="trixAttachmentRemove(e, editor);" placeholder="Write something.."></trix-editor>

我无法弄清楚出了什么问题。

我发现了这个 possible duplicate ，但遗憾的是我的情况不适用。

Plunker Link

我在github上发布了同样的问题，但我没有回复。

注意：请在IE10或更少的地方打开上面的plunkr。

Answer 1

我通过将trix更改为最新版本0.10.1来修复您的错误。添加dataset.js后，它就像IE中的魅力一样。 dataset.js将通过在IE中添加缺少的核心依赖项来避免错误。

无法设置属性＆＃39; trixSelection＆＃39;未定义或空引用

完全固定的代码

<!DOCTYPE html>
<html ng-app="trixDemo">

<head>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/trix/0.10.1/trix.css">
  <link rel="stylesheet" href="style.css" />

  <script src="polyfills.js"></script>
  <script data-require="angularjs@1.4.4" data-semver="1.4.4" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/trix/0.10.1/trix.js"></script>
  <script src="angular-trix.js"></script> 
  <script src="democtrl.js"></script>
</head>

<body ng-controller="trixDemoCtrl">
  <trix-editor ng-model-options="{ updateOn: 'blur' }" 
               spellcheck="false" class="trix-content" 
               ng-model="trix" 
               angular-trix 
               trix-initialize="trixInitialize(e, editor);" 
               trix-change="trixChange(e, editor);" 
               trix-selection-change="trixSelectionChange(e, editor);" 
               trix-focus="trixFocus(e, editor);" 
               trix-blur="trixBlur(e, editor);" 
               trix-file-accept="trixFileAccept(e, editor);" 
               trix-attachment-add="trixAttachmentAdd(e, editor);" 
               trix-attachment-remove="trixAttachmentRemove(e, editor);" 
               placeholder="Write something.."></trix-editor>
</body>
</html>

＆GT;＆GT; Demo Plunkr

如果trix.js上没有任何特殊内容，我建议转到textAngular这似乎更加稳固。我希望此修复程序可以帮助您在应用程序中实现trix.js。

Answer 2

从他们的Github Repo我开始知道他们不支持 IE10 但我试图让它发挥作用：

第1步：尝试将trix.js更新为0.10.1

以下是我使用的CDN

第2步：当您尝试在IE 10中运行此代码时，您将收到新的错误

无法设置属性＆＃39; trixSelection＆＃39;未定义或空引用

如果您可以添加trix Issue list

，请从dataset polyfill开始

然后以下plunkner将在IE10中运行

Angular-trix在IE 10中不起作用

2 个答案:

完全固定的代码

＆GT;＆GT; Demo Plunkr