wangEditor5 在html js 中如何引入wangEditor-plugin-upload-attachment插件
时间: 2024-02-20 22:00:32 浏览: 153
wangEditor.js优化版,实现wangEditor本地图片上传、wangEditor本地视频上传函数的构建,部分显示样式bug的调整
首先,需要确保已经引入了 wangEditor5 的核心文件。然后,按照以下步骤引入 wangEditor-plugin-upload-attachment 插件:
1. 下载 wangEditor-plugin-upload-attachment 插件,并将其解压缩。
2. 将解压后的文件夹中的 dist 目录拷贝到你的项目中。
3. 在你的 HTML 文件中引入插件的 CSS 文件和 JS 文件:
```html
<link rel="stylesheet" href="path/to/wangEditor-plugin-upload-attachment/dist/wangEditor-plugin-upload-attachment.css">
<script src="path/to/wangEditor-plugin-upload-attachment/dist/wangEditor-plugin-upload-attachment.js"></script>
```
4. 在初始化 wangEditor5 的代码中,添加插件的配置:
```js
const editor = new wangEditor5('#editor')
editor.config.plugins.push(wangEditorPluginUploadAttachment)
editor.create()
```
这样就完成了插件的引入和配置,可以在 wangEditor5 编辑器中使用上传附件插件了。
阅读全文