feat: radiogroup v-model and link for tinyMCE

pull/1/head
Saeid 4 years ago
parent 017d8805b1
commit 7a6ffd0a37

@ -1,7 +1,7 @@
<template> <template>
<v-row class="radio-group"> <v-row class="radio-group">
<v-col v-for="(item, index) in items" :key="index" :xl="item.size" class="pt-0" @click="changeSelected($event, item || {})"> <v-col v-for="(item, index) in items" :key="index" :xl="item.size" class="pt-0" @click="changeSelected($event, item || {})">
<div :class="{'active':item.id == currentSelect, [item.theme]: true, ['bubble']: true}"> <div :class="{'active':value ? value == item.id : item.id == currentSelect, [item.theme]: true, ['bubble']: true}">
<div class="body"> <div class="body">
<div class="icon"> <div class="icon">
<v-icon>WMi-{{ item.icon }}</v-icon> <v-icon>WMi-{{ item.icon }}</v-icon>
@ -24,6 +24,7 @@
props: { props: {
items: {}, items: {},
initialSelect: {default: 1}, initialSelect: {default: 1},
value: {default: null},
name: {default: 'default_name'}, name: {default: 'default_name'},
}, },
data() { data() {
@ -35,6 +36,7 @@
changeSelected($event, item) { changeSelected($event, item) {
this.currentSelect = item.id; this.currentSelect = item.id;
this.$emit('changeState', {'name':this.name,'value':item.value}) this.$emit('changeState', {'name':this.name,'value':item.value})
this.$emit('input', item.id);
} }
} }
} }

@ -39,12 +39,12 @@ export const initTiny = (batch_id) => ({
plugins: [ plugins: [
"advlist autolink lists link image charmap print preview anchor", "advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen", "searchreplace visualblocks code fullscreen",
"insertdatetime media table paste code wordcount directionality" "insertdatetime media table paste code wordcount directionality link"
], ],
toolbar: toolbar:
"undo redo | fontsizeselect formatselect | bold italic backcolor | \ "undo redo | fontsizeselect formatselect | bold italic backcolor | \
alignleft aligncenter alignright alignjustify | \ alignleft aligncenter alignright alignjustify | \
bullist numlist outdent indent | removeformat | image | ltr rtl", bullist numlist outdent indent | removeformat | image | ltr rtl | link",
// 'fontselect' // 'fontselect'
// font_formats : "IranYekan=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n", // font_formats : "IranYekan=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;AkrutiKndPadmini=Akpdmi-n",
fontsize_formats: '10pt 12pt 14pt 16pt 18pt 20pt 22pt 24pt 36pt 60pt 72pt', fontsize_formats: '10pt 12pt 14pt 16pt 18pt 20pt 22pt 24pt 36pt 60pt 72pt',

Loading…
Cancel
Save