您现在的位置是:首页 > PHP框架交流PHP框架交流
使用Editor.md通过Editor.getHTML()保存html 前端页面如何显示
上善若水2020-06-11 11:52:57【PHP框架交流】 3536人已围观
简介项目使用上拉Editor.mdmarkdown编辑器后,在前端页面上发现所有的样式与预览的样式都丢了,原因是前端样式需要处理后才能正常显示,看看解决办法吧!以下涉及资源的路径请自行修改具体路径自行
项目使用上拉Editor.md markdown编辑器后,在前端页面上发现所有的样式与预览的样式都丢了,原因是前端样式需要处理后才能正常显示,看看解决办法吧!
以下涉及资源的路径请自行修改具体路径自行
1.引入css
引入<link rel="stylesheet" href="/static/vendor/editor.md/css/editormd.css" />
2.引入js
<script src="/static/js/jquery-1.8.3.min.js"></script>
<script src="/static/vendor/editor.md/editormd.js"></script>
<script src="/static/vendor/editor.md/lib/marked.min.js"></script>
<script src="/static/vendor/editor.md//lib/prettify.min.js"></script>
3.模板引擎渲染html,取出html代码
<div id="my-content">{{$article.content|raw}}</div>
,代码为thinkphp6语法
4.js格式化html并显示
$(function () {
editormd.markdownToHTML("my-content");
})
5.最后对比两者的显示差异
未处理前
处理后显示正常
参考大佬文章: https://www.jianshu.com/p/02e3065c35d8
Tags: markdown
很赞哦! (3)
相关文章
随机图文
-
shiro 退出 设置跳转页面
shiro 只带过滤器已经实现了退出功能,我们只需配置下退出后重定向到登录页面即可,而且我们需要写实现退出的控制器方法. @Bean public ShiroFilterFactory -
PHP8.1新特性 纤程
PHP8.1新特性 (PHP 8 >= 8.1.0)官方教程:https://www.php.net/manual/zh/language.fibers.php 纤程(Fiber)表示一组有完整栈、可 -
速卖通官方sdk composer扩展包安装
由于速卖通官方有给我们提供扩展包,但是没有提供直接composer安装,导致使用起来有些不方便,由于官方提供的扩展包没有命名空间概念,就使用classmap自动加载方式制作成扩展包,这样不需要额外做任 -
php技术提升心得与方法
现在的PHP市场虽然充斥了大量的的PHP开发人员,但这些人当中真正能称得上高手的却寥寥无几。很多公司虽然招聘了一些PHP开发人员,但是由于技术水平不高,导致公司的项目一直堆积。这不仅另公司无奈也让已经入职的PHP开发人员着急,他们也想要在PHP领域更近一步,但却苦于找不到提高自己的方法,下面我们的鸥仔收集了一些PHP大神的一些工作方式、习惯,让大家看看PHP大神们是如何工作,也希望这些方法能帮助到那些想要在PHP领域更近一步的人。