今天给大家推荐一款高效率的WEB版markdown编辑器工具StackEdit。

stack-edit 一个开源免费的

作者：馒头

链接：
https://segmentfault.com/a/1190000023354775

前言

CKEditor在线编辑器

CKEditor是个专门使用在网上属于开放源码的文字编辑器，它用于轻量化，不需要太复杂的安装步骤即可使用，它可以和PHP，javascript,asp,java等不同的编程语言相结合。接下来介绍CKEditor在线编辑器的实例。

在网站中具有发表评论，发表文章是可以用在在线编辑器来编辑，下面介绍CKEditor的强大功能，包括文字处理，添加表格，上传图片等等。

CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器, 专用于编辑代码, 并附带超过 100 种语言模式和各种插件, 可实现高级的代码编辑功能, 包括代码高亮显示、功能扩展以及多个主题样式。

官网: https://codemirror.net/

onlinehtmleditor.net是非常简单和易用的HTML在线编辑器，适用的标签有H1，H2，H3，H4，P,IMG,List等，还可以在下方查看实时预览。你可以手动输入这些标签，也可以通过点击工具栏上的图标来使用它们。它甚至可以让你通过具体的图片路径添加图片。完成编辑之后，你可以复制你的HTML代码并保存到本地磁盘，也可以在你的网站或博客中使用它。

无论我们使用什么语言来完成web开发，都必然会用到HTML表单标签，HTML表单标签在开发中经常会被我们用来去收集我们想要得到的数据信息，基本上所有的网页都有表单的利用，表单合理的使用和布局是作为一个前端开发者所必须具有的基本技能。

表单标签结构树：

最近，我们经常在各种技术社区看到关于“如何快速学习HTML”的讨论。很多初学者觉得HTML标签太多，记不住，学起来很枯燥。今天我们就来换个角度，不只是罗列标签，而是从原理上理解HTML，让大家知其然，更知其所以然。

SMValidator是一个易用、轻量且强大的表单验证工具。支持html和javascript两种配置方式，可以立即或手动触发验证，独立显示每条规则的信息，可自定义表单或信息容器的样式。目前minify文件还不到5KB，而且不依赖任何第三方库。

使用方法：

1. 给input指定验证规则

列表标签

在html中列表分为无序列表、有序列表和自定义列表

?表单input：表单是用来收集信息的，由表单控件(表单元素)、提示信息、表单域构成。