Official TinyMCE Svelte component

About

This package is a thin wrapper around TinyMCE to make it easier to use in a Svelte application.

• For the TinyMCE Svelte Quick Start, see: TinyMCE Documentation - Svelte Integration.
• For a self-hosted setup using TinyMCE package with TinyMCE Svelte, see: TinyMCE Documentation - TinyMCE package with Svelte.
• For a self-hosted setup using TinyMCE .zip package with TinyMCE Svelte, see: TinyMCE Documentation - TinyMCE .zip package with Svelte.
• For the TinyMCE Svelte Technical Reference, see: TinyMCE Documentation - TinyMCE Svelte Technical Reference.
• For our quick demos, check out the TinyMCE Svelte Storybook.

Quick start

Create a Svelte App from a template

npx degit sveltejs/template my-tiny-app
cd my-tiny-app

Add the Editor component

Install the editor component in your project

npm install @tinymce/tinymce-svelte

Import the TinyMCE component

Import the TinyMCE component inside the script tag of your Svelte app

<script lang="ts">
import Editor from '@tinymce/tinymce-svelte';
</script>
<main>
  <h1> Hello Tiny</h1>
  <Editor />
</main>

Issues

Have you found an issue with tinymce-svelte or do you have a feature request? Open up an issue and let us know or submit a pull request. Note: For issues concerning TinyMCE please visit the TinyMCE repository.