Editor

Scaffold Editor I did all this for you. You’re welcome

Getting Started

Import the editor and enable the features you need

svelte

The `content` variable can also be used to load previously saved content.

To read content created in this editor, use `readOnly` mode

svelte

Saving Content

To export content from the editor, set `export.start` to `true`. Once the export is complete, the content is available through `$editorStore.content` in both JSON and HTML formats. You can then store it in a database or use it as needed.

Because the editor is built with Tiptap, some presentation styles are not included in the exported HTML or JSON. These styles are also provided through `$editorStore.content`, allowing you to apply them when rendering or sending the content elsewhere.

svelte

Inserting Images

The editor uses File Picker to handle multiple image uploads and insertions. An input has also been provided to key in image URLs manually.

You can control mode of insertion using $editorStore.insertImageMode array, and by default, all modes are enabled.

See the example below.

svelte

To use File Picker, additional configuration is required. Read more

Supported styles

Some of the supported styling options include width and width

svelte

Edit Page

Scaffold Editor I did all this for you. You’re welcome

Import the editor and enable the features you need

The `content` variable can also be used to load previously saved content.

To read content created in this editor, use `readOnly` mode

To export content from the editor, set `export.start` to `true`. Once the export is complete, the content is available through `$editorStore.content` in both JSON and HTML formats. You can then store it in a database or use it as needed.

Because the editor is built with Tiptap, some presentation styles are not included in the exported HTML or JSON. These styles are also provided through `$editorStore.content`, allowing you to apply them when rendering or sending the content elsewhere.

The editor uses File Picker to handle multiple image uploads and insertions. An input has also been provided to key in image URLs manually.

You can control mode of insertion using $editorStore.insertImageMode array, and by default, all modes are enabled.

See the example below.

To use File Picker, additional configuration is required. Read more

Some of the supported styling options include width and width

Last Updated: -

Social

Resources

© 2026 @sierra-95/svelte-scaffold. All rights reserved.

Scaffold Editor I did all this for you. You’re welcome

Import the editor and enable the features you need

The content variable can also be used to load previously saved content.

To read content created in this editor, use readOnly mode

To export content from the editor, set export.start to true. Once the export is complete, the content is available through $editorStore.content in both JSON and HTML formats. You can then store it in a database or use it as needed.

Because the editor is built with Tiptap, some presentation styles are not included in the exported HTML or JSON. These styles are also provided through $editorStore.content, allowing you to apply them when rendering or sending the content elsewhere.

The editor uses File Picker to handle multiple image uploads and insertions. An input has also been provided to key in image URLs manually.

You can control mode of insertion using $editorStore.insertImageMode array, and by default, all modes are enabled.

See the example below.

To use File Picker, additional configuration is required. Read more

Some of the supported styling options include width and width

Last Updated: -

Social

Resources

© 2026 @sierra-95/svelte-scaffold. All rights reserved.

The `content` variable can also be used to load previously saved content.

To read content created in this editor, use `readOnly` mode

To export content from the editor, set `export.start` to `true`. Once the export is complete, the content is available through `$editorStore.content` in both JSON and HTML formats. You can then store it in a database or use it as needed.

Because the editor is built with Tiptap, some presentation styles are not included in the exported HTML or JSON. These styles are also provided through `$editorStore.content`, allowing you to apply them when rendering or sending the content elsewhere.