markdown编辑器Vditor light.css的cdn走unpkg修改不了解决方法之一

需要对页面中的 Markdown 进行渲染,调用静态方法 preview ,如图,想修改成自建cdn,但是配置似乎无效。

看过官方文档解释,发现light.css资源不走给它的自建cdn。。。

light.css由options.preview.theme.path来决定。

然后如此这般...没用

VditorPreview.prevuew(document.getElementById(id), md_text, {
        cdn: 你的cdn,
        math: {
          engine: 'MathJax',
        },
        preview:{
          theme: {
            path: 'https://你的.com/Source/vditor/dist/css/content-theme',
          },
        }
        
      })

看一下这个方法怎么搞的https://github.com/Vanessa219/vditor/blob/master/src/method.ts


然后发现相当于直接就读到options.theme.path了,还以为是options.preview.theme.path。。。

所以应该要把theme提到外面一层。

VditorPreview.prevuew(document.getElementById(id), md_text, {
        cdn: 你的cdn,
        math: {
          engine: 'MathJax',
        },
        theme: {
          path: 'https://你的.com/Source/vditor/dist/css/content-theme',
        },
        
      })

就好了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要用Java开发一个Markdown编辑器,可以使用JavaFX图形化界面库来实现。而要集成Editor.md,可以在JavaFX中嵌入WebView组件,然后加载Editor.md的HTML页面即可。 以下是实现步骤: 1. 在JavaFX中创建一个WebView组件 ``` WebView webView = new WebView(); ``` 2. 通过WebView组件加载Editor.md的HTML页面 ``` String htmlContent = "<html><head><link rel=\"stylesheet\" href=\"https://pandao.github.io/editor.md/css/editormd.min.css\"/></head><body><textarea id=\"editor\"></textarea><script src=\"https://pandao.github.io/editor.md/lib/marked.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/prettify.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/raphael.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/underscore.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/sequence-diagram.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/flowchart.min.js\"></script><script src=\"https://pandao.github.io/editor.md/lib/jquery.min.js\"></script><script src=\"https://pandao.github.io/editor.md/editormd.min.js\"></script><script type=\"text/javascript\">var testEditor = editormd(\"editor\", {});</script></body></html>"; webView.getEngine().loadContent(htmlContent); ``` 3. 将WebView组件添加到JavaFX的场景中 ``` Scene scene = new Scene(webView); stage.setScene(scene); stage.show(); ``` 这样就可以实现一个简单的Markdown编辑器,并集成了Editor.md的功能。当然,还需要实现一些逻辑来获取编辑器中的内容并进行解析和保存等操作。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值