解决:angular js模板中无法使用ueditor的问题

前端之家收集整理的这篇文章主要介绍了解决:angular js模板中无法使用ueditor的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  • 什么是ueidtor
    百度开发的的一个开源的富文本编辑器

  • 为什么无法使用
    使用ueditor时,需要用到标签初始化,但是这在angular js模板中无法使用的。

  • 如何解决:angular-ueditor:
    angular-ueditor 是一款整合了 angular 和 UEditor 的插件。目的是为了更方便的在angular基础上使用UEditor。

  • 需要导入的JS文件

<script type="text/javascript" src="../lib/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="../lib/angular-ueditor/angular-ueditor.min.js"></script>

前两个JS文件可以从ueditor官网下载,后一个文件来源于:
https://raw.githubusercontent.com/zqjimlove/angular-ueditor/master/dist/angular-ueditor.min.js

  • example

    <div class="ueditor" ng-model="content">
    <script id="container_write" type="text/plain">
    </script>
    <script type="text/javascript">
    var ue_write = UE.getEditor('container_write');
    </script>
    </div>

这个插件还实现了数据绑定,wow

猜你在找的Angularjs相关文章