wangEditror引用步骤(自用)

JS文件中引用(传统方式)

下载JS依赖文件

  1. 首先打开网址https://www.wangeditor.com/(wangEditor官网)按照下图的流程操作,下载之后复制如图中4 中标识的地方的wangEditor.min.js文件
  2.  将文件复制到项目中
  3. 在所需的页面文件中引用该js文件就可以了
    <!--引入wangEditor(富文本编辑器)-->
    <script type="application/javascript" src="resources/plugins/wangEditor/wangEditor.min.js" th:src="@{/resources/plugins/wangEditor/wangEditor.min.js}"></script>
    
    <script type="application/javascript">
        const E = window.wangEditor;
        const editor = new E("#announcementContent");
        // 设置编辑区域高度
        editor.config.height = 400;
        editor.config.showFullScreen = true;
        // 初始化富文本域
        editor.create();
    
        // 禁用编辑器(create()之后默认开启)
        function end() {
            editor.disable();
        }
        // 开启文本编辑器(create()之后默认开启)
        function start() {
            editor.enable();
        }
        
        // 获取编辑器中的内容(即Dom)
        // 也可通过editor.txt.html(dom)进行初始化文本
        editor.txt.html()
    </script>

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值