markdown 在用户端怎么解析显示呢?求代码

[hxsen]

我看过这款编辑器封装的原始的markdown插件。里面也没有说，展示的时候可以使用编辑器的插件。好像是作者都没有开放给你做展示。况且，markdown自带的语法解析，并不是总是那么令人满意。 目前对解析展示最好的解决方法，就是前后端分离。前端解析的会后，使用前端自己的解析方式。 这里推荐你使了解“marked.js”这个js插件。

[hxsen]

由于js获取网页内容的时候，对“>"总是转义。所有，如果一开始把markdown文本加载到页面上，后期再通过js转换，总是会出现“>"单个字符被转义的问题 。我这里使用后ajax异步加载的形式。仅供参考 head引入以下js和css(我使用monokai-sublime.min.css，你可以换成自己喜欢的)

    <script src="https://cdn.bootcss.com/marked/0.8.1/marked.min.js"></script>
    <link href="https://cdn.bootcss.com/highlight.js/9.18.1/styles/monokai-sublime.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/highlight.js/9.18.1/highlight.min.js"></script>
    <style>
        code{
            border-radius: 6px;
        }
    </style>

脚步处理函数

<script>
        $.get('{{ route("detail.hash", ['id'=>$hashids]) }}')
        .then((res)=>{
            if(res.code == 200){
                $('#simplemde').html(marked(res.data.content));
                return true;
            }else{
                $('#simplemde').html('- 无内容 -');
                return false;
            }
        }).then((success)=>{
            if(success){
                hljs.initHighlighting();
            }
        });
    </script>