使用

安装

npm install @exsied/exsied
# or
yarn add @exsied/exsied
# or
pnpm i @exsied/exsied

Import

import { exsied, plugins } from "@exsied/exsied";
import "@exsied/exsied/style.css";

或者

<script type="module">
  import {
    exsied,
    plugins,
  } from "https://cdn.jsdelivr.net/npm/@exsied/[email protected]/dist/index.js";
</script>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@exsied/[email protected]/dist/style.css"
/>

在浏览器中使用 exsied 可以参考 test_dist/index_esm.html.

初始化

import { exsied, plugins } from "@exsied/exsied";

exsied.init({
  id: "app",
  plugins: [
    plugins.bold,
    plugins.italic,
    plugins.underline,
    plugins.strikethrough, // ...
  ],
  enableToolbarBubble: true,
  locale: "en",
});

exsied.setHtml("some HTML code");

样式

深色模式

给 body 添加 class="dark".

Chromium 滚动条

可以添加一些样式，类似:

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  background-color: var(--exd-border-color);
}

::-webkit-scrollbar-corner {
  display: none;
}