https://github.com/storyblok/storyblok-fieldtype
Tool for creating custom fieldtypes for Storyblok with babel, browserify and hotreload
https://github.com/storyblok/storyblok-fieldtype
cms extentions field-type plugin storyblok
Last synced: 3 months ago
JSON representation
Tool for creating custom fieldtypes for Storyblok with babel, browserify and hotreload
- Host: GitHub
- URL: https://github.com/storyblok/storyblok-fieldtype
- Owner: storyblok
- Created: 2017-01-20T23:20:33.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-03-24T05:04:39.000Z (over 2 years ago)
- Last Synced: 2024-04-14T15:30:36.820Z (over 1 year ago)
- Topics: cms, extentions, field-type, plugin, storyblok
- Language: Vue
- Size: 678 KB
- Stars: 12
- Watchers: 15
- Forks: 13
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> **⚠️ DEPRECATION NOTICE ⚠️**
>
> This package (`storyblok-fieldtype`) is **deprecated** and no longer actively maintained.
>
> Please use the new official SDK, **`@storyblok/field-plugin`**, for developing custom field plugins for Storyblok. The new SDK offers a more robust, framework-agnostic approach and is the standard going forward.
>
> * **➡️ New projects should use `@storyblok/field-plugin`.**
> * **➡️ Existing projects should migrate.**
>
> Find the new SDK here:
> * **GitHub:** [https://github.com/storyblok/field-plugin](https://github.com/storyblok/field-plugin)
> * **Documentation:** [https://www.storyblok.com/docs/packages/storyblok-field-plugin](https://www.storyblok.com/docs/packages/storyblok-field-plugin)
>
> Thank you for your understanding.
# Storyblok Field-Type
> A Storyblok Field-Type Plugin Starter Project
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
In the browser, you will see the white screen with the following error in the console:
```
[Vue warn]: Error in created hook: "SyntaxError: Failed to execute 'postMessage' on 'Window': Invalid target origin 'null//app.storyblok.com' in a call to 'postMessage'."
DOMException: Failed to execute 'postMessage' on 'Window': Invalid target origin 'null//app.storyblok.com' in a call to 'postMessage'.
```
But don't worry, this project is just a template and only works as part of the storyblok app. See:
https://www.storyblok.com/docs/plugins/enable-local-dev-mode
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
https://www.storyblok.com/docs/Guides/Creating-a-field-type-plugin#how-to-develop-plugins-locally