Question

我有一个页面，其中包含多个Froala编辑器，这些页面在用户单击答复按钮时显示，类似于Gmail显示其答复框的方式。

如果在未设置自定义选项的情况下在下面显示编辑器，则不会发生任何错误。 <textarea id="editor-{{mail.id}}" froala ng-model="mail.message"></textarea>

但是如果与$ scope中设置的通用选项一起使用，则会显示以下错误，并且编辑器仅显示在一个项目中。 <textarea id="editor-{{mail.id}}" froala="customOptions" ng-model="mail.message"></textarea>

TypeError: Converting circular structure to JSON
    --> starting at object with constructor 'Object'
    |     property '$$parentForm' -> object with constructor 'Object'
    |     property '$$controls' -> object with constructor 'Array'
    --- index 0 closes the circle
    at Object.stringify (<anonymous>)
    at new E.Bootstrap (froala_editor.pkgd.min.js:7)
    at new $e (froala_editor.pkgd.min.js:7)
    at Object.ctrl.createEditor (angular-froala.js:119)
    at Object.ctrl.init (angular-froala.js:60)
    at Object.link (angular-froala.js:222)
    at angular.js:1390
    at angular.js:11263
    at invokeLinkFn (angular.js:11269)
    at nodeLinkFn (angular.js:10588)

如果我设置一个简单的选项，例如仅设置我的密钥，就会发生这种情况。

$scope.customOptions = {
   key: 'MY-KEY'
};

我该如何解决？选项中是否缺少任何配置？

Answer 1

在V3中，您需要以这种方式初始化froala。

var editor = new FroalaEditor('selector', options);

jQuery在外部不推荐使用

在同一页面上使用多个编辑器时，Froala 3和AngularJS不起作用

1 个答案: