Angularjs Summernote：$scope.editor.insertImage 不是函数

Posted 2023-03-22

【中文标题】Angularjs Summernote：$scope.editor.insertImage 不是函数

【英文标题】：Angularjs summernote: $scope.editor.insertImage is not a function

【发布时间】：2016-03-24 09:21:46

【问题描述】：

我想将图像上传到服务器并将其作为图像放入我的文本中。

编辑：

<summernote ng-model="answer.value" id="answerValue" config="options" on-image-upload="imageUpload(files)" editable="editable" editor="editor"></summernote>

JS代码：

$scope.options = 
   height: 400
;
$scope.imageUpload = function(files) 
    answer.uploadImage(files[0]).then(function(result) 
        console.log('image upload\'s editor:', $scope.editor);
        console.log('image upload\'s editable:', $scope.editable);
        $scope.editor.insertImage($scope.editable, result.data.url);
    , function(result) 

    );
;

图书馆：

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/summernote/dist/summernote.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-summernote/dist/angular-summernote.min.js"></script>

$scope.editor 和 $scope.editable 已定义，但它说：

$scope.editor.insertImage is not a function

有谁知道我做错了什么？

【问题讨论】：

我们需要查看更多代码。特别是在哪里定义 $scope.editor.insertImage.

【参考方案1】：

修改代码

$scope.editor.insertImage($scope.editable, result.data.url);

到

$scope.editor.summernote('insertImage', result.data.url, 'filename');

它在 Summernote 0.7.0 中使用 angular-summernote