发表于: 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);        }    

})



返回列表 返回列表
评论

    分享到