wangEditor富文本编辑器的使用

最新推荐文章于 2024-03-16 16:01:08 发布

冷血～多好

最新推荐文章于 2024-03-16 16:01:08 发布

阅读量395

点赞数 1

分类专栏： HTML 文章标签：前端

本文链接：https://blog.csdn.net/qq_44716544/article/details/115284117

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

富文本编辑器wangEditor的使用，这是一个开源的框架，官方网站地址：https://www.wangeditor.com/

使用该框架，需要接入一个js:wangEditor.min.js,

官方下载下载地址：https://www.jsdelivr.com/package/npm/wangeditor

云盘下载：https://pan.baidu.com/s/1OkbmUcP2OsxSPStwiNC6ug
提取码：sdkh

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title> 实例 </title>
	<script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script> 	
		

</head>
<body>
<div id="div1">
    <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
</div>

<!-- 引入 wangEditor.min.js -->
<script type="text/javascript">
    const E = window.wangEditor
    const editor = new E('#div1')
    // 或者 const editor = new E( document.getElementById('div1') )
    editor.create()
</script>
			
</body>
</html>

简单说明：

获取 html

使用 editor.txt.html() 获取 html 。

使用 editor.txt.text() 获取 text 文本。

设置 editor.config.uploadImgShowBase64 = true 可使用 base64 格式保存图片。即，可选择本地图片，编辑器用 base64 格式显示图片。

冷血～多好

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
wangEditor富文本编辑器的使用

富文本编辑器wangEditor的使用，这是一个开源的框架，官方网站地址：https://www.wangeditor.com/使用该框架，需要接入一个js:wangEditor.min.js,官方下载下载地址：https://www.jsdelivr.com/package/npm/wangeditor云盘下载：https://pan.baidu.com/s/1OkbmUcP2OsxSPStwiNC6ug提取码：sdkh<!DOCTYPE html><...
复制链接

扫一扫