第一步:安装vue-ueditor-wrap:npm i vue-ueditor-wrap

第二步:从ueditor官网下载资源放在public/static下,如图:

vue-cli3结合ueditor里使用秀米总结

第三步:从秀米官网下载资源放在public/static/UE/dialogs下,如图:

vue-cli3结合ueditor里使用秀米总结

第四步:修改文件

1. ueditor.config.js :修改

section:['class', 'style'],

2. xiumi-ue-dialog-v5.js :修改iframeUrl值editor.ui.UEDITOR_HOME_URL+ 'dialogs/xiumi-ue-dialog-v5.html'

vue-cli3结合ueditor里使用秀米总结

3. xiumi-ue-dialog-v5.html : 修改引入internal.js的位置

vue-cli3结合ueditor里使用秀米总结

第五步:在public/index.html里引入资源:(注意引入顺序)

<script src="./static/UE/ueditor.config.js"></script>

<script src="./static/UE/ueditor.all.min.js"></script>

<link rel="stylesheet" href="./static/UE/dialogs/xiumi-ue-v5.css">

 <script src="./static/UE/dialogs/xiumi-ue-dialog-v5.js"></script>

最后一步:在页面中使用ueditor

将 UEDITOR_HOME_URL设置为process.env.BASE_URL+'static/UE/',

serverUrl为实际的上传图片接口

vue-cli3结合ueditor里使用秀米总结

相关文章:

  • 2022-12-23
  • 2021-08-09
  • 2021-12-12
  • 2022-12-23
  • 2021-12-06
  • 2022-12-23
  • 2021-10-20
猜你喜欢
  • 2021-05-13
  • 2021-10-17
  • 2022-03-09
  • 2022-12-23
  • 2022-12-23
  • 2021-05-23
  • 2021-07-08
相关资源
相似解决方案