This example fieldtype gives you the starting point to define and build your custom wysiwyg editor. I've used TinyMCE as an example here, which you can replace with any other wysiwyg editor.
- Create a new Field Type
Custom Field Type names in Storyblok are unqiue, so I've used the name ex-wysiwyg in this example. For you to run your own plugin you can replace the ex- prefix with your own prefix.
- Replace the the example name with yours
Exchange: 'ex-wysiwyg' in the Plugin.vue with your plugin name. It has to be an exact match.
-
Make sure you're on
http:app.storyblok.comand nothttps://app.storyblok.comas your local development setup is running without ssl. -
Follow Step 4 on our website
debugtrue/falseoauthTokenYour OAuthToken if you need an file upload to 5F16 Storyblok
npm install
npm run serve
npm run build
https://www.storyblok.com/docs/Guides/Creating-a-field-type-plugin#how-to-develop-plugins-locally