我们编写HTML的时候用过很多的编辑器，有时候在web页面中也看过很多的在线编辑器。下面小编就给大家分享一下如何制作一个在线的HTML编辑器
工具/原料
Visual Studio 2017
方法/步骤
1
首先我们先来看一下要实现的效果，如下图所示，左边的html会在右边显示结果
2
然后我们来实现它，首先引入jquery的库文件，如下图所示
3
然后我们准备好两部分内容，一部分是书写html的，一部分是显示html内容的，如下图所示
4
接下来就是给定义好的文档结构添加一些样式，如下图所示
5
然后我们来实现相应的脚本方法，如下图所示，先获取文本域中的html内容，然后通过jquery的html方法进行内容赋值
6
最后添加键按下事件，就是每次按下键盘都进行右侧内容更新，如下图所示
7
综上所述，实现HTML的在线编辑器主要就是通过jquery的html()方法来实现的
上一篇：steam游戏推荐
下一篇：网易我的世界花雨庭怎么组队