简单的 markdown 编辑器
2017-12-04 17:56
453 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.8.3/showdown.min.js"></script> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <div class="form-group col-md-6"> <textarea name="" class="form-control" id="mkd" rows="200"></textarea> </div> <div class="col-md-6"> <p id="id"></p> </div> </div> <script> $(function () { var converter = new showdown.Converter(); $("#mkd").on('keyup', function () { var text = $("#mkd").val(); var content = converter.makeHtml(text); $("#id").html(content); }); }) </script> </body> </html>
相关文章推荐
- Markdown编辑器简单总结
- 让Markdown写作更简单,免费极简编辑器:Typora
- CSDN-markdown编辑器简单使用说明
- CSDN markdown 编辑器 第二篇 markdown简单使用
- markdown编辑器简单使用说明
- markdown编辑器 的简单使用 显示 正常的内容
- 【知识分享】MarkDown编辑器简单使用
- 三. Typora:简单高效的 Markdown 编辑器
- markdown编辑器的简单使用
- 如何用最快速度撸个最简单的markdown编辑器
- 利用marked.js写个简单Markdown编辑器(1)
- Markdown编辑器简单指南
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- CSDN-markdown编辑器语法
- 一段markdown编辑器代码研究
- 欢迎使用CSDN-markdown编辑器