如何在angularjs中快速使用kindeditor富文字編輯器 ?

1. 先引入相關的css樣式和js檔案:

    <!-- 富文字編輯器 -->
    <link rel="stylesheet" href="../plugins/kindeditor/themes/default/default.css" />
    <script charset="utf-8" src="../plugins/kindeditor/kindeditor-min.js"></script>
    <script charset="utf-8" src="../plugins/kindeditor/lang/zh_CN.js"></script>
    
   

2. 在頁面中寫入文字域:

    <textarea name="content" style="width:800px;height:400px;visibility:hidden;"></textarea>
   

3. js程式碼:

    <!-- 正文區域 /-->
    <script type="text/javascript">
   
    	var editor;
    	KindEditor.ready(function (K) {
    		editor = K.create('textarea[name="content"]', {
    			allowFileManager: true
    		});
    	});
   
    </script>
    
   

頁面controller.js中就可以使用editor.html()獲取富文字編輯器中的內容;