发表于: 2017-05-27 23:39:03
2 1023
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
了解angularjs富文本编辑器
angular-editor angular rich text editor with simditor(tower.im)
angular-froala Angular.js bindings for Froala WYSIWYG HTML Rich Text Editor.
angular-medium-editor AngularJS directive for Medium.com editor clone
angular-summernote AngularJS directive to Summernote明天计划的事情:(一定要写非常细致的内容)
遇到的问题:(遇到什么困难,怎么解决的)
AngularJS如何在页面上展示富文本编辑器编辑的内容?
收获:(通过今天的学习,学到了什么知识)
AngularJS如何在页面上展示富文本编辑器编辑的内容?
如果直接用ng-bind或者ng-bind-html来绑定经过富文本编辑器编辑的内容的话是会失败的,这里需要用到AngularJS中的$sce.trustAsHtml()方法来进行一次转化。
<div class="form-control-static" ng-bind-html="content | parseHTML"></div>
Myapp.filter("parseHTML", function ($sce) {
return function (text) { return $sce.trustAsHtml(text); }
})
评论