mavon-editor 保存的html显示问题

之前使用mavon-editor作为富文本编辑器，保存之后，在vue中直接使用v-html对返回的html数据进行展示。

预期的结果：

本应该和编辑过程中预览框里的样式相同。

实际结果：

没有任何样式。

查找问题：

1.第一次尝试

感觉应该是引入问题，but，仔细查看了很多遍，引入没有任何问题。。。

2.第二次尝试

在文档中看到了这句话：

代码高亮highlight.js中的语言解析文件和代码高亮样式将在使用时按需加载. github-markdown-css和katex仅会在mounted时加载。

好像抓到了重点，只有在使用了<mavon-editor/>的地方，样式才会引入。

最后，使用了一个笨方法，通过cdn的方式把样式引入，并且在展示html的div上添加 markdown-body这个class。

并且还需要引入import "mavon-editor/dist/css/index.css";在你需要展示html的模块。

<divclass="markdown-body"v-html="notifyDetailInfo.content"/>

<link href="https://cdn.bootcss.com/github-markdown-css/2.10.0/github-markdown.min.css" rel="stylesheet">

最后样式终于显示了，不过这个方法有点一刀切了，有其他比较好的方式的小伙伴，欢迎留言。

mavon-editor 保存的html显示问题相关推荐

简悦保存notion一直显示请稍后重试
简悦保存notion一直显示请稍后重试被这个问题坑惨了实际上从12月6号开始,简悦导入到notion database的操作都会这样提示. 这是Notion官方Api出错导致的. 解决办法目前是: ...
AS打开照相机拍照保存本地、显示页面
打开相机 1.权限 6.0之后修改动态获取权限打开照相机的权限 <uses-permission android:name="android.permission.CAMERA&qu ...
火狐4.9保存书签不显示_将Firefox书签导入Opera 9.5
火狐4.9保存书签不显示 Opera 9.5 was officially released today. I started to play with this version today and ...
【Android笔记67】Android之使用系统中的相机功能（拍照、保存照片、显示拍摄的照片、照片保存到图库等操作）
这篇文章,主要介绍Android如何使用系统中的相机功能(拍照.保存照片.显示拍摄的照片.照片保存到图库等操作). 目录一.使用Android相机功能 1.1.如何调用相机功能 1.2.调用相机功能
【javaCV基于虹软人脸识别demo添加电脑摄像头人脸识别（图片保存，视频保存，摄像头显示等）（附源码）】
javaCV基于虹软人脸识别demo添加电脑摄像头人脸识别(图片保存,视频保存,摄像头显示等 )(附源码) 文章目录 javaCV基于虹软人脸识别demo添加电脑摄像头人脸识别(图片保存,视频保存,摄 ...
H5 画布解决跨域问题，画布保存为图片显示在页面上
实现功能:uniapp H5 使用画布,绘画完之后保存为图片全屏显示完整实现代码,跨域解决方案. 跨域图片解决方案一:(使用base64编码)网络图片放到画布里面绘画跨域图片解决方案二:(使用本地 ...
计算机保存照片怎么显示内存不足怎么办,电脑另存为图片时显示内存不足怎么处理...
DF 下载地址:(我没试验过,如果不好用,请去搜索SolidConverterPDF) 相关介绍: 可以用ScanSoft PDF Converte,安装完成后不须任何设置,它会自动整合到Word中. ...
pandas 保存excel 数值显示科学计数法的问题
注意有些文章里把 df[字段名] = df[字段名].astype(str) 直接写成 df[字段名].astype(str) , 那是没用的. import pandas as pd f ...
IE8下MSPAINT保存的PNG显示不正常
一个页面,用的css的background-url显示图片,图片最开始是png格式,用chrome和ie9显示正常,ie8的颜色老是不对,如果把png保存为24位色bmp就没问题,但是用mspaint ...
Android保存的文件显示到文件管理的最近文件和下载列表中
发现Android开发每搞一个和系统扯上关系的功能都要磨死人,对新手真不友好.运气不好难以快速精准的找到有效的资料? 这篇记录的是Android中如何把我们往存储中写入的文件,如何显示到文件管理的下载 ...

mavon-editor 保存的html显示问题

mavon-editor 保存的html显示问题相关推荐

最新文章

热门文章