https://github.com/flotiq/flotiq-ui-plugin-slug
This plugin allows you to generate slug data based on string field in content object form view
https://github.com/flotiq/flotiq-ui-plugin-slug
flotiq flotiq-plugin
Last synced: 5 months ago
JSON representation
This plugin allows you to generate slug data based on string field in content object form view
- Host: GitHub
- URL: https://github.com/flotiq/flotiq-ui-plugin-slug
- Owner: flotiq
- Created: 2024-04-25T11:55:59.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-24T16:03:17.000Z (6 months ago)
- Last Synced: 2025-02-04T16:46:21.321Z (5 months ago)
- Topics: flotiq, flotiq-plugin
- Language: JavaScript
- Homepage:
- Size: 474 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# About plugin
This plugin simplifies the process of creating slugs for your Content Object. It’s particularly useful when you want to generate slugs automatically based on existing data within a Content Object (e.g. the title of a blog post).
## Plugin outcome
In the Content Object form, look for the refresh icon next to the slug field. If you’re creating a new object and the field is currently empty, it will be auto-filled. If you’re editing an existing object or the field contains data, click the refresh icon to regenerate the slug.
## Configuring plugin
To manage a plugin, you must first add it to your plugins. Click the "+" icon to add the plugin to your library and click the "Manage" button. It will open the plugin settings.
Field descriptions:
* `Content Type` - Defines the type of objects for which the slug will be generated.
* `Slug source field` - Determines the field on which the slug will be based.
* `Target field` - Specifies the field to which the slug will be entered.
# Development
## Quickstart:
1. `yarn`
2. `yarn start`
3. work work work
4. update your `src/plugin-manifest.json` file to contain the production URL and other plugin information
5. `yarn build`
6. paste js code from `./build/static/js/main.xxxxxxxx.js` to Flotiq console
7. navigate to affected Flotiq pages
## Deployment
## Loading the plugin
### URL
1. Open Flotiq editor
2. Open Chrome Dev console
3. Execute the following script
```javascript
FlotiqPlugins.loadPlugin('plugin-id', '')
```
4. Navigate to the view that is modified by the plugin
### Directly
1. Open Flotiq editor
2. Open Chrome Dev console
3. Paste the content of `static/js/main.xxxxxxxx.js`
4. Navigate to the view that is modified by the plugin
### Deployment
1. Open Flotiq editor
2. Add a new plugin and paste the URL to the hosted `plugin-manifest.json` file (you can use `https://localhost:3050/plugin-manifest.json` as long as you have accepted self-signed certificate for this url)
3. Navigate to the view that is modified by the plugin