解決:angular js模板中無法使用ueditor的問題

阿超就是我發表於2017-04-11
  • 什麼是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

相關文章