美文网首页
使用Editor.md保存的html代码 前端页面如何显示

使用Editor.md保存的html代码 前端页面如何显示

作者: charmingcheng | 来源:发表于2020-10-29 10:13 被阅读0次

    使用Editor.md保存的html代码 前端页面如何显示

    1.引入css

    <link rel="stylesheet" href="/editor.md/css/editormd.css" />
    

    2.引入js

    <script  src="/js/jquery-1.11.3.min.js"></script>
    <script  src="/editor.md/editormd.js"></script>
    <script  src="/editor.md/lib/marked.min.js"></script>
    <script  src="/editor.md/lib/prettify.min.js"></script>
    

    3.模板引擎渲染html,取出html代码

    <div id="content">
      {{ $article->editor-html-code }}   // laravel blade
    </div>
    

    4.js格式化html并显示

    <script>
    $(function  ()  {
      editormd.markdownToHTML("content");
    })
    </script>
    

    相关文章

      网友评论

          本文标题:使用Editor.md保存的html代码 前端页面如何显示

          本文链接:https://www.haomeiwen.com/subject/rtkkvktx.html