https://github.com/herberthe/vditor-theme

vditor适配样式开发
https://github.com/herberthe/vditor-theme

lute themes vditor

Last synced: about 1 month ago
JSON representation

vditor适配样式开发

• Host: GitHub
• URL: https://github.com/herberthe/vditor-theme
• Owner: HerbertHe
• License: mit
• Created: 2021-04-27T13:50:35.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-25T13:38:39.000Z (over 3 years ago)
• Last Synced: 2023-03-05T01:07:22.695Z (almost 2 years ago)
• Topics: lute, themes, vditor
• Language: CSS
• Homepage: https://goer.icu/vditor-theme
• Size: 51.8 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vditor-theme

vditor适配样式开发

样式参考 [demo](https://goer.icu/vditor-theme)

## 目录结构

```text

├─editor        # 编辑器样式

└─renderer      # 渲染页面样式

```

## 支持的样式

|    样式名    |

| :----------: |

| vscode-dark  |

| vscode-light |

|   dracula    |

## 使用方法

> 参考 [index.html](./docs/vscode-dark.html)

以`vscode-dark`为例

- 全局引入主题

在head标签插入

```html

```

- 引入内容主题

修改`options.preview`参数

```js

preview: {

    theme: {

        current: "vscode-dark",

        path:

            "https://cdn.jsdelivr.net/gh/HerbertHe/vditor-theme@main/content-theme",

    },

    hljs: {

        style: "solarized-dark256",

    },

},

```