我正在开发一个使用包含在角度指令中的Summernote WYSIWYG的应用程序。我在图片上传时使用的默认行为基本上是在base64中编码所选图像并将其作为<img>
标记。
不幸的是,在测试它时,图像确实被插入到盒子中,但是整个网站开始非常糟糕。
代码基本上是:
CreateController.js中的:
// This object holds all the post info
self.post = {};
create-view.html中的:
// This object holds all the post info
<div id="summernote" summernote ng-model="Create.post.Content" config="Create.snOptions"> </div>
(使用CreateController as Create
)
延迟来自self.post.Content
中包含的base64编码图像,每次输入一个字母时都会使用ng-model
双向绑定进行更新。
我实际上并不需要绑定,我完全可以让用户输入所有内容然后单击提交并处理它,但是我还没有找到一种方法如何将summernote的内容推送到方法中或者在提交表格时加入self.post.Content
。
我尝试不使用ng-model
,只是在提交按钮中传递jQuery选项,如
<button type="submit" class="btn btn-success" ng-click="Create.send(angular.element("#summernote").html()">Send Report</button>`
但是这个选择什么都不返回,因为summernote指令中有一些更复杂的DOM元素(Creator's JSFiddle demo)
有没有人知道我应该做什么?
谢谢!