AI Wysiwyg Editor

How do I install NovelSH and start using it in my project?

Install NovelSH with npm:

• npm i novel

​

Then, to use the editor in a React app:

• import { Editor } from "novel";

  export default function App() {

    return (

       <Editor />

    )

  }

​

This will integrate the NovelSH WYSIWYG editor with AI autocomplete into your Notion-style projects.

​

What features does the NovelSH editor offer for productivity?

NovelSH includes:

• Slash menu and bubble menu for commands
• AI-powered autocompletion (activate by typing ++ or selecting from the slash menu)
• Image uploads via drag & drop, copy & paste, or via the slash menu
• Ability to add tweets via the command slash menu
• Support for mathematical symbols using LaTeX expressions

​

How do I activate AI autocomplete in NovelSH?

AI autocompletion can be activated by typing ++ or by selecting from the slash menu.

​

How can I upload images in NovelSH?

Images can be uploaded by:

• Drag & drop
• Copy & paste
• Selecting from the slash menu

​

Can I include tweets in my content with NovelSH?

Yes. You can add tweets directly through the command slash menu (e.g., social content like tweets).

​

Can I use LaTeX expressions in NovelSH?

Yes. NovelSH supports mathematical symbols with LaTeX expressions, for example:

• Relativity: 𝐸=𝑚𝑐²
• Pythagorean theorem: 𝑎²=𝑏²+𝑐²
• Fourier transform: 𝑓^(𝜉)=∫−∞∞𝑓(𝑥)𝑒^−2πix𝜉 dx
• Matrix representation: 𝐴=[𝑎 𝑐; 𝑏 𝑑]
• Summation: ∑𝑖=0𝑛𝑥𝑖

​

Is NovelSH free to use, and are there any AI-related costs?

NovelSH is open-source and free to use. You can deploy it on your own server. Some AI features may incur charges related to the OpenAI API depending on usage.

​

What power stack is NovelSH built with?

NovelSH is a Notion-style WYSIWYG editor built with Tiptap and the Vercel AI SDK, enabling AI-powered autocompletion.

​

Where can I find the source code or deploy my own instance?

• Star us on GitHub
• Install the npm package (npm i novel)
• Deploy your own to Vercel

​

How can I get help or contribute to NovelSH?

For issues or questions, refer to the issues section of the GitHub repository and contribute via the same platform.