基于HTML的wangEditor 5引入

最新推荐文章于 2025-04-28 12:02:58 发布

weixin_58412143

最新推荐文章于 2025-04-28 12:02:58 发布

阅读量1.3k

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_58412143/article/details/126260552

版权

本文介绍了如何在纯HTML环境中引入wangEditor 5，特别指出在不能使用import Vue的方式下，按照官方指导进行操作。内容包括HTML结构设置、CSS和JS的引入、编辑器的书写位置，并提示了编辑器配置的更多可能性，以及解决工具栏选中问题的CSS调整建议。

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

情景：纯HTML引入过Vue2，但是不能使用 import Vue from 'vue'，这种引入方式

根据官网整理，效果如下：（若想工具栏在上方，调换HTML的div位置即可）

（上传图片还未配置）

1、HTML

<div id="editor—wrapper">
						<div id="editor-container">
							<!-- 编辑器 -->
						</div>
						<div id="toolbar-container">
							<!-- 工具栏 -->
						</div>
</div>

2、引入css+js

		<link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">

		<script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>

3\书写位置