1. 程式人生 > >umeditor簡潔富文字使用

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,
 });
渲染了就可以進行操作了,方法詳見官網.