wangEditor 之图片问题

最新推荐文章于 2025-05-29 11:33:52 发布

青鸟爱吃鱼

最新推荐文章于 2025-05-29 11:33:52 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： SummaryOfProblems

本文链接：https://blog.youkuaiyun.com/weixin_42248476/article/details/98872747

SummaryOfProblems 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了wangEditor富文本编辑器的使用方法，特别聚焦于图片上传功能的实现过程，包括源码下载、JS文件引入及自定义配置，提供了一个解决图片上传显示问题的有效方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

吐糟一下先，这两天老见鬼。去他MA的见鬼的人生。

wangEditor 是一个不错的编辑器，倒腾了半天就是图片插入失败。

服务器都配好了，返回也是200图片也上传成功了，就是没效果，真的是–见鬼

好了不废话进入主题

大概用法

1、在官网下在源码 http://www.wangeditor.com/

2、引入 wangEditor.min.js 文件

3、把这块粘贴上去，这样就能看到简单的效果了

欢迎使用 wangEditor 富文本编辑器

<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
    editor.create()
</script>

4、图片添加（错误的经历我就不说了，有兴趣可以试一试）

灵感来源：官网实例js
在这里插入图片描述

editor.customConfig.uploadImgShowBase64 = true

把这个放在 editor.create() 上面，完成，

全部代码

欢迎使用 wangEditor 富文本编辑器

<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
    editor.customConfig.uploadImgShowBase64 = true
    editor.create()
</script>

5、最后这个是按照bat64存储的