美文网首页
使用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