umeditor簡潔富文本使用

一：引入umeditor對應的類庫

    <link href="js/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="js/umeditor/third-party/template.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/umeditor/umeditor.js"></script>
    <script type="text/javascript" src="js/umeditor/lang/zh-cn/zh-cn.js"></script>

二：創建對應的編輯器html區域，進行初始化設置等

 UM.delEditor("headerTitleTip");
       var editor =  UM.getEditor('headerTitleTip', {
           initialFrameWidth: '100%', initialFrameHeight: 250,
 });

渲染了就可以進行操作了,方法詳見官網.