wangEditor V5（推荐新版，本地化下载链接)

2026-10-13 18:52:18 建站 0 阅读 0 评论

✅ wangEditor V5（推荐新版，本地化下载链接，直接浏览器打开另存）

V5 结构拆分：css单独文件 + index.js，右键链接另存为，放到项目本地目录即可本地化部署

CSS：

[https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css](https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css)

JS：

[https://unpkg.com/@wangeditor/editor@latest/dist/index.js](https://unpkg.com/@wangeditor/editor@latest/dist/index.js)

jsdelivr国内访问更稳备选（推荐优先这个） CSS

[https://cdn.jsdelivr.net/npm/@wangeditor/editor@latest/dist/css/style.css](https://cdn.jsdelivr.net/npm/@wangeditor/editor@latest/dist/css/style.css)

[https://cdn.jsdelivr.net/npm/@wangeditor/editor@latest/dist/index.js](https://cdn.jsdelivr.net/npm/@wangeditor/editor@latest/dist/index.js)

V5 最简html示例（下载后改成本地路径）

<link href="./css/style.css" rel="stylesheet">
<div id="toolbar-container"></div>
<div id="editor-container" style="height:400px;border:1px solid #ccc;"></div>
<script src="./index.js"></script>
<script>
const { createEditor, createToolbar } = window.wangEditor
const editor = createEditor({
  selector: '#editor-container'
})
const toolbar = createToolbar({
  editor,
  selector: '#toolbar-container'
})
</script>

✅ wangEditor V4（老版本，单js文件，无独立css，很多老帝国CMS项目在用）

V4 全部打包在一个js里，不需要单独css文件，适合老系统快速迁移本地化

[https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js](https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js)

unpkg镜像：

[https://unpkg.com/wangeditor/dist/wangEditor.min.js](https://unpkg.com/wangeditor/dist/wangEditor.min.js)

V4最简示例：

<div id="div1"><p>wangeditor v4</p></div>
<script src="./wangEditor.min.js"></script>
<script>
const E = window.wangEditor
const editor = new E('#div1')
editor.create()
</script>