JS文件中引用(传统方式)
下载JS依赖文件
- 首先打开网址https://www.wangeditor.com/(wangEditor官网)按照下图的流程操作,下载之后复制如图中4 中标识的地方的wangEditor.min.js文件
- 将文件复制到项目中
- 在所需的页面文件中引用该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>