| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Name | Name | Last commit date | ||
|---|---|---|---|---|
A plugins of tinymce editor for formkit. The plugins is dependents on '@tinymce/tinymce-vue', '@formkit/vue', please install them first.
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 configconst app = createApp(App);
import { plugin, defaultConfig } from '@formkit/vue'
import { createTinymcePlugin } from 'formkit-tinymce'
app.use(plugin, defaultConfig({
plugins: [createTinymcePlugin()]
}))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>| Back | FazBrowse Home | New Git URL |