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

2020-10-29  本文已影响0人  charmingcheng

使用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>
上一篇 下一篇

猜你喜欢

热点阅读