Open w6990548 opened 4 years ago
生效作用在代码高亮区域
我同样遇到这个问题,我没用使用cdn加载,cdn加载似乎是没问题的,我使用本地加载方式,详情参考不使用cdn,本地按需加载点击这里...,经过测试我发现,当我本地加载markdown_css的时候,会导致后面的hljs_css无法加载,也就无法实现代码高亮,同时当我不使用markdown_css时,css传进来的参数一直是github,我不知道如何修改(通过在return之前加console.log('加载代码高亮css' + css)可以看到加载了什么css),至于这些文件有没有加载,你可以打开网页后关注网络部分,看具体加载了什么css,js文件
externalLink: {
markdown_css: function() {
// 这是你的markdown css文件路径
return '/markdown/github-markdown.min.css'
},
hljs_js: function() {
// 这是你的hljs文件路径
return '/highlightjs/highlight.min.js'
},
// hljs_css: false,
hljs_css: function(css) {
console.log('加载代码高亮css' + css)
// 这是你的代码高亮配色文件路径
return '/highlightjs/styles/' + css + '.min.css'
},
katex_css: function() {
// 这是你的katex配色方案路径路径
return '/katex/katex.min.css'
},
katex_js: function() {
// 这是你的katex.js路径
return '/katex/katex.min.js'
}
}
这里主要问题是当你加载markdown_css的时候会导致hljs_css加载失败,而markdown_css也是比较必要的需要加载的样式,因此我额外加载hljs_css应该是可以解决这个问题的(至少我测试起来展现效果是没有问题的),我是使用VUE CLI搭建的VUE项目,不是我这个环境的话我觉得你只要在加载mavon-editor这个组件之前将hljs_css这个样式加载就可以了(hljs_css是通过hljs_js加载的,在hljs_js之前加载hljs_css应该就没问题)
import '@/styles/highlightjs/styles/ocean.min.css'
我也是这个问题,我写的时候要手动注释,比如“
```html
<a>123123</a>
\```
不能自动识别语言
我同样遇到这个问题,我没用使用cdn加载,cdn加载似乎是没问题的,我使用本地加载方式,详情参考不使用cdn,本地按需加载点击这里...,经过测试我发现,当我本地加载markdown_css的时候,会导致后面的hljs_css无法加载,也就无法实现代码高亮,同时当我不使用markdown_css时,css传进来的参数一直是github,我不知道如何修改(通过在return之前加console.log('加载代码高亮css' + css)可以看到加载了什么css),至于这些文件有没有加载,你可以打开网页后关注网络部分,看具体加载了什么css,js文件
externalLink: { markdown_css: function() { // 这是你的markdown css文件路径 return '/markdown/github-markdown.min.css' }, hljs_js: function() { // 这是你的hljs文件路径 return '/highlightjs/highlight.min.js' }, // hljs_css: false, hljs_css: function(css) { console.log('加载代码高亮css' + css) // 这是你的代码高亮配色文件路径 return '/highlightjs/styles/' + css + '.min.css' }, katex_css: function() { // 这是你的katex配色方案路径路径 return '/katex/katex.min.css' }, katex_js: function() { // 这是你的katex.js路径 return '/katex/katex.min.js' } }
这里主要问题是当你加载markdown_css的时候会导致hljs_css加载失败,而markdown_css也是比较必要的需要加载的样式,因此我额外加载hljs_css应该是可以解决这个问题的(至少我测试起来展现效果是没有问题的),我是使用VUE CLI搭建的VUE项目,不是我这个环境的话我觉得你只要在加载mavon-editor这个组件之前将hljs_css这个样式加载就可以了(hljs_css是通过hljs_js加载的,在hljs_js之前加载hljs_css应该就没问题)
import '@/styles/highlightjs/styles/ocean.min.css'
你好,我也采用了本地加载的方式加载hljs_css,但是切换主题过程中发现,没有加载过的文件可以加载,主题色也会变化,但是加载过的文件就不会再次加载了,同时主题色也不会再变化,请问你有遇到过这样的问题嘛?
我同样遇到这个问题,我没用使用cdn加载,cdn加载似乎是没问题的,我使用本地加载方式,详情参考不使用cdn,本地按需加载点击这里...,经过测试我发现,当我本地加载markdown_css的时候,会导致后面的hljs_css无法加载,也就无法实现代码高亮,同时当我不使用markdown_css时,css传进来的参数一直是github,我不知道如何修改(通过在return之前加console.log('加载代码高亮css' + css)可以看到加载了什么css),至于这些文件有没有加载,你可以打开网页后关注网络部分,看具体加载了什么css,js文件
externalLink: { markdown_css: function() { // 这是你的markdown css文件路径 return '/markdown/github-markdown.min.css' }, hljs_js: function() { // 这是你的hljs文件路径 return '/highlightjs/highlight.min.js' }, // hljs_css: false, hljs_css: function(css) { console.log('加载代码高亮css' + css) // 这是你的代码高亮配色文件路径 return '/highlightjs/styles/' + css + '.min.css' }, katex_css: function() { // 这是你的katex配色方案路径路径 return '/katex/katex.min.css' }, katex_js: function() { // 这是你的katex.js路径 return '/katex/katex.min.js' } }
这里主要问题是当你加载markdown_css的时候会导致hljs_css加载失败,而markdown_css也是比较必要的需要加载的样式,因此我额外加载hljs_css应该是可以解决这个问题的(至少我测试起来展现效果是没有问题的),我是使用VUE CLI搭建的VUE项目,不是我这个环境的话我觉得你只要在加载mavon-editor这个组件之前将hljs_css这个样式加载就可以了(hljs_css是通过hljs_js加载的,在hljs_js之前加载hljs_css应该就没问题)
import '@/styles/highlightjs/styles/ocean.min.css'
感谢, 解决了我遇到的问题
codeStyle 更改不生效的,怎么处理都没有效果,有同学遇到吗