Skip to main content

1. How to use Next.js?​

Like NextJs Demo

import dynamic from 'next/dynamic';

import 'solive-core/dist/index.css';

const Editor = dynamic(
  () => import('solive-core'),
  { ssr: false },
);

// ...

2. How to use Docusaurus2 ？​

React Component​

Like Docusaurus2 Demo

<BrowserOnly fallback={<div>Loading...</div>}>
    {() => {
      // eslint-disable-next-line @typescript-eslint/no-var-requires,global-require
      const Editor = require('solive-core').default;
      return (
        <Editor
          id="1"
          modelInfos={[]}
          height="500px"
        />
      );
    }}
</BrowserOnly>

Doc MDX Plugin​

see docusaurus-plugin-solive