https://github.com/mathsgod/formkit-tinymce
A plugins of tinymce editor for formkit.
https://github.com/mathsgod/formkit-tinymce
formkit tinymce vue3
Last synced: 4 months ago
JSON representation
A plugins of tinymce editor for formkit.
- Host: GitHub
- URL: https://github.com/mathsgod/formkit-tinymce
- Owner: mathsgod
- License: mit
- Created: 2022-11-08T10:02:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-27T04:11:14.000Z (about 2 years ago)
- Last Synced: 2024-12-25T14:41:29.212Z (6 months ago)
- Topics: formkit, tinymce, vue3
- Language: Vue
- Homepage:
- Size: 112 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License
Awesome Lists containing this project
README
# formkit-tinymce
A plugins of tinymce editor for formkit.
The plugins is dependents on '@tinymce/tinymce-vue', '@formkit/vue', please install them first.
## Setup
### Nuxt
1. npm install @formkit/nuxt
2. Create formkit.config.ts
```typescript
import { DefaultConfigOptions } from '@formkit/vue'
import { createTinymcePlugin } from 'formkit-tinymce'
const config: DefaultConfigOptions = {
plugins: [createTinymcePlugin()] // You can provide you tinymce api key here
// createTinymcePlugin({apiKey: 'YOUR_API_KEY'})
}
export default config
```
### Vue
1. npm install @formkit/vue
2. Setup in main.ts
```typescript
const app = createApp(App);
import { plugin, defaultConfig } from '@formkit/vue'
import { createTinymcePlugin } from 'formkit-tinymce'
app.use(plugin, defaultConfig({
plugins: [createTinymcePlugin()]
}))
```
## Usage
Custom type name: tinymce
```html
```