tiptap-extension-float
v1.0.0
Published
An extension to add float to your tiptap content.
Downloads
26
Readme
tiptap-extension-float
Install
npm install tiptap-extension-float -S
Usage
import Float from "tiptap-extension-float";
const editor = new Editor({
element: document.querySelector(".editor"),
extensions: [StarterKit, Image.configure({ inline: true }), Float],
});
editor.chain().focus().updateAttributes("image", { float: "left" }).run();
// default: cancel float style
editor.chain().focus().updateAttributes("image", { float: "default" }).run();
Options
You can configure extension options, which are optional.
extensions: [
StarterKit,
Image.configure({ inline: true }),
Float.configure({
types: ["image"], // Allow float node types
}),
],
Relations
tiptap/extension-text-align: https://github.com/ueberdosis/tiptap/tree/main/packages/extension-text-align
tiptap-appmsg-editor: https://github.com/KID-1912/tiptap-appmsg-editor