Usage

Install

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";

or

<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"
/>

When running exsied in the browser, please refer to test_dist/index_esm.html.

Initialize

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");

Style

Dark mode

Add class="dark" to body.

Chromium scrollbar

You can add some style, like:

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

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

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