mavonEditor icon indicating copy to clipboard operation
mavonEditor copied to clipboard

CDN可以配一套国内的吗?网络不好会影响首屏加载速度甚至丢失样式。

Open ghost opened this issue 4 years ago • 4 comments

🚀 Feature Proposal

Snipaste_2022-02-13_21-12-17

ghost avatar Feb 13 '22 13:02 ghost

可以通过externalLink选项配置CDN,希望能帮到你

<template>
  <div class="container">
    <div id="editor">
      <mavon-editor
        :externalLink="external_link"
      ></mavon-editor>
    </div>
  </div>
</template>

<script>
import 'mavon-editor/dist/css/index.css';
import { mavonEditor } from 'mavon-editor';
export default {
  name: 'editor',
  components: {
    mavonEditor
  },
  data: function () {
    return {
      external_link: {
        markdown_css: function () {
          return 'https://cdn.bootcdn.net/ajax/libs/github-markdown-css/5.1.0/github-markdown.min.css';
        },
        hljs_js: function () {
          return 'https://cdn.bootcdn.net/ajax/libs/highlight.js/11.3.1/highlight.min.js';
        },
        hljs_lang: function (lang) {
          return (
            'https://cdn.bootcdn.net/ajax/libs/highlight.js/11.3.1/languages/' +
            lang +
            '.min.js'
          );
        },
        hljs_css: function (css) {
          if (css) {
            return (
              'https://cdn.bootcdn.net/ajax/libs/highlight.js/11.3.1/styles/' +
              css +
              '.min.css'
            );
          }
          return '';
        },
        katex_js: function () {
          return 'https://cdn.bootcdn.net/ajax/libs/KaTeX/0.8.3/katex.min.js';
        },
        katex_css: function () {
          return 'https://cdn.bootcdn.net/ajax/libs/KaTeX/0.8.3/katex.min.css';
        }
      }
    };
  }
};
</script>

wangsongc avatar Feb 16 '22 08:02 wangsongc

感谢

ghost avatar Feb 17 '22 08:02 ghost

网络环境不好导致加载很慢找到这里的,可以暂时先用我的,学生服务器带宽只有1M(剩140天到期),尽量自己搭建,相关文件在作者resources目录下。

external_link: {
        markdown_css: function () {
          return "https://cdn.webnote.fun/mavonEditor/github-markdown.min.css";
        },
        hljs_js: function () {
          return "https://cdn.webnote.fun/mavonEditor/highlight.min.js";
        },
        hljs_lang: function (lang) {
          return (
            "https://cdn.webnote.fun/mavonEditor/languages/" +
            lang +
            ".min.js"
          );
        },
        hljs_css: function (css) {
          if (css) {
            return (
              "https://cdn.webnote.fun/mavonEditor/styles/" +
              css +
              ".min.css"
            );
          }
          return "";
        },
        katex_js: function () {
          return "https://cdn.webnote.fun/mavonEditor/katex.min.js";
        },
        katex_css: function () {
          return "https://cdn.webnote.fun/mavonEditor/katex.min.css";
        },
      }

ghost avatar Feb 19 '22 10:02 ghost

no-cnd.md里边也提供了使用本地加载的方式,可以更好地解决网络环境的影响。

wangsongc avatar Feb 21 '22 02:02 wangsongc