0.0.12 • Published 1 year ago

formkit-tinymce v0.0.12

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

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
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
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

<FormKit type="form" v-model="data">
    <FormKit type="tinymce" name="tinymce1" label="tinymce" :init="{
        height: 500,
        menubar: false,
        plugins: [
          'advlist autolink lists link image charmap print preview anchor',
          'searchreplace visualblocks code fullscreen',
          'insertdatetime media table paste code help wordcount'
        ],
        toolbar:
          'undo redo | formatselect | bold italic backcolor | \
           alignleft aligncenter alignright alignjustify | \
           bullist numlist outdent indent | removeformat | help'
      }" />
</FormKit>
0.0.10

1 year ago

0.0.11

1 year ago

0.0.12

1 year ago

0.0.9

1 year ago

0.0.8

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.5

1 year ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago