hinesboy / mavonEditor

mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
http://www.mavoneditor.com/
MIT License
6.44k stars 918 forks source link

codeStyle,无法生效是什么问题呢? #606

Open w6990548 opened 4 years ago

w6990548 commented 4 years ago

codeStyle 更改不生效的,怎么处理都没有效果,有同学遇到吗

zx2100 commented 4 years ago

生效作用在代码高亮区域

ISWHETHER commented 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'
laykechen commented 3 years ago

我也是这个问题,我写的时候要手动注释,比如“

```html
    <a>123123</a>
\```

不能自动识别语言

zmlplus commented 2 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'

你好,我也采用了本地加载的方式加载hljs_css,但是切换主题过程中发现,没有加载过的文件可以加载,主题色也会变化,但是加载过的文件就不会再次加载了,同时主题色也不会再变化,请问你有遇到过这样的问题嘛?

cooperGao commented 7 months 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'

感谢, 解决了我遇到的问题