wangEditor编辑器插件使用

俞泰鑫

于 2020-01-16 18:02:27 发布

阅读量863

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/god_yutaixin/article/details/104008811

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<head>
	<!-- 导入jq -->
	<script src="js/jquery.min.js"></script>
	<!-- 第一步：导入wangEditor -->
	<script src="js/wangEditor.js"></script>
</head>
<body>
	<!-- 第二步：添加一个绑定编辑器的元素 -->
	<div id="tip">
	</div>

	<div>
		<button id="btn">获取</button>
	</div>
		
	<script>
		//第三步：实例化插件
		var E = window.wangEditor;		
		var editor = new E("#tip");
		//创建
		editor.create();
	
		//button事件绑定函数
		$("btn").on(function(){
			//获取内容并保存在变量中
			var text = editor.txt.text();
			var html = editor.txt.html();
			//将内容输出到控制台
			//读取标签内容，能识别标签语法
			console.log(text)
			//读取标签内容，不能识别标签语法
			console.log(html)
		})
	</script>	
</body>