간단한 마크다운 편집기


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <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>
간단한 마크다운 편집기

좋은 웹페이지 즐겨찾기
