依賴AngularJs和UMEditor的富文本編輯器：meta.umeditor

Umeditor 的 AngularJs插件

介紹

由于項目需要使用到富文本編輯器，決定使用百度提供的UMEditor.

UMeditor,簡稱UM,是為滿足廣大門戶網站對于簡單發帖框，或者回復框需求所定制的在線富文本編輯器。 UM的主要特點就是容量和加載速度上的改變，主文件的代碼量為139k，而且放棄了使用傳統的iframe模式，采用了div的加載方式， 以達到更快的加載速度和零加載失敗率。現在UM的第一個使用者是百度貼吧，貼吧每天幾億的pv是對UM各種指標的最好測試平臺。 當然隨著代碼的減少，UM的功能對于UE來說還是有所減少，但我們經過調研和大家對于UM提出的各種意見，提供了現在UM的功能版本， 雖然有刪減，但也有增加，比如拖拽圖片上傳，chrome的圖片拖動改變大小等。讓UM能在功能和體積上達到一個平衡。UM還會提供 CDN方式，減少大家部署的成本。我們的目標不僅是要提高在線編輯的編輯體驗，也希望能改變前端技術中關于富文本技術的門檻，讓大家不再覺得這塊是個大坑。

本項目依賴UMEditor, 依賴AngularJs

SimpleDemo

安裝

bower install meta.umeditor

特性

1. 默認隨機生成id
2. 增加提示文案的功能

使用

1. 下載安裝.

2. 在html文件中添加引用.

   <!-- 引入umeditor的樣式文件 -->
    <link href='/path/to/umeditor.css'>

    <!-- 引入umeditor需要的jquery庫文件 -->
    <script src='/path/to/jquery'></script>

    <!-- 引入umeditor的核心文件 -->
    <script src='/path/to/umeditor'></script>

    <!-- 引入umeditor的配置文件 -->
    <script src='/path/to/umeditor.config'></script>

    <!-- 引入meta.umeditor的庫文件 -->
    <script src='/path/to/meta.umeditor'>

1. 在需要加入編輯器的部分加入

    <script type="text/html" ng-model='nothing' meta-umeditor meta-umeditor-placeholder='提示文案...'></script>.

項目主頁：http://www.baiduhome.net/lib/view/home/1448202367875