zoukankan html css js c++ java

html实现输入Markdown实时预览

一、使用方法：

1.markdown处理库：https://cdn.jsdelivr.net/npm/marked/marked.min.js

2.<textarea></textarea>、oninput事件

二、实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MarkdownEdit</title>
<!--    <link rel="stylesheet" href="css/demo.css">-->
    <script src="js/marked.min.js"></script>
</head>
<body>
<div style="margin: 12px">
    <header>MarkdownEdit</header>
</div>
<div style=" 1200px;margin: 0 auto">
    <div class="left" >
        <textarea id="text" style=" 580px;height:1200px;float: left" oninput="document.getElementById('marked').innerHTML = marked(document.getElementById('text').value)"></textarea>
    </div>
    <div class="right" style=" 580px;height:1200px;float: right" id="marked">

    </div>
</div>
</body>
</html>

查看全文

相关阅读:
Ajax技术
 java web中filter分析
 Async分析
 解释session
XML相关知识
 开学第一课
 svn
spa单页面应用（angular）
angular
webpack认识

原文地址：https://www.cnblogs.com/zxingwork/p/14497631.html