search

arturadib / strapdown

Instant and elegant Markdown documents in the browser
http://strapdownjs.com
MIT License
2.48k stars 410 forks source link

Incompatible with CodeMirror #46

Open ghost opened 9 years ago

ghost commented 9 years ago 
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <!-- Load jQuery -->
    <script src="jquery-ui/external/jquery/jquery.js"></script>
    <script src="jquery-ui/jquery-ui.js"></script>
    <!-- Load CodeMirror -->
    <script src="codemirror/lib/codemirror.js"></script>
    <script src="codemirror/addon/mode/overlay.js"></script>
    <script src="codemirror/mode/xml/xml.js"></script>
    <script src="codemirror/mode/markdown/markdown.js"></script>
    <script src="codemirror/mode/gfm/gfm.js"></script>
    <script src="codemirror/mode/javascript/javascript.js"></script>
    <script src="codemirror/mode/css/css.js"></script>
    <script src="codemirror/mode/htmlmixed/htmlmixed.js"></script>
    <script src="codemirror/mode/clike/clike.js"></script>
    <script src="codemirror/mode/meta.js"></script>
    <link rel="stylesheet" href="codemirror/lib/codemirror.css">
</head>

<body>
    <div id="md-src" name="md-src"></div>
    <!-- For Markdown source code -->
    <xmp theme="united">
Markdown Text
=============

#Title

Normal **Bold** _Italic_ ~~Mistaken Text~~
    </xmp>
    <!-- Load Strapdown.js -->
    <script src="strapdown/v/0.2/strapdown.js"></script>
    <!-- Make a code editor -->
    <script>
        var editor = CodeMirror(document.getElementById("md-src"), {
            mode: 'gfm',
            lineNumbers: true,
            theme: "default",
            value: "_Italic_"
        });
    </script>
</body>
</html>

The thing is that I cannot type in the code editor.

cannottype

However, commenting line 34 (as shown below) makes the code editor work again.

- <script src="strapdown/v/0.2/strapdown.js"></script>
+ <!-- <script src="strapdown/v/0.2/strapdown.js"></script> -->

I am using