问题发现
我的项目中使用Nuxt.js开发,在使用mavon-editor的过程中发现,有时候外部样式文件会加载失败,如下图:
而这种情况似乎与家用网络有关,有时候成功有时候失败,而用手机流量则不会失败。
为了避免项目上线时不会导致部分用户无法使用,得采用本地引入css。
尝试解决
按照官网的说法,使用以下方式进行引入:
<template>
<div id="app">
<mavon-editor
:subfield = "subfield"
:code_style="code_style"
:ishljs="true"
:externalLink="externalLink"
></mavon-editor>
</div>
</template>
<script>
export default {
data () {
return {
subfield: true,
code_style: 'solarized-dark',
//需要配置的内容:
externalLink: {
markdown_css: function() {
// 这是你的markdown css文件路径
return '/markdown/github-markdown.min.css';
},
hljs_js: function() {
// 这是你的hljs文件路径
return '/highlightjs/highlight.min.js';
},
hljs_css: function(css) {
// 这是你的代码高亮配色文件路径
return '/highlightjs/styles/' + css + '.min.css';
},
hljs_lang: function(lang) {
// 这