html 实时预览在线,用HTML+CSS做一个实时预览的markdown编辑器

markdown编辑器

*{margin:0;padding:0;outline:none;border-radius:0;

}

html,body{width:100%;height:100%;font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;background-color:#ebebeb;

}#toolbar{height:50px;background-color:#444;width:100%;color:#fff;line-height:50px;

}#container{overflow:auto;position:absolute;bottom:0;left:0;right:0;top:50px;

}#editor-column,#preview-column{width:49.5%;height:100%;overflow:auto;position:relative;background-color:#fff;

}.pull-left{float:left;

}

.pull-right{float:right;

}