สมรรถนะ: แก้q-editor

This commit is contained in:
oat_dev 2024-04-11 11:35:52 +07:00
parent d97203c718
commit cb64e449b8
2 changed files with 115 additions and 0 deletions

View file

@ -112,8 +112,31 @@ async function onSubmit() {
<template #control>
<q-editor
v-model="formData.level1"
:dense="$q.screen.lt.md"
min-height="5rem"
class="full-width"
:toolbar="[
[
'bold',
'italic',
'strike',
'underline',
'subscript',
'superscript',
],
['unordered', 'ordered'],
]"
:fonts="{
arial: 'Arial',
arial_black: 'Arial Black',
comic_sans: 'Comic Sans MS',
courier_new: 'Courier New',
impact: 'Impact',
lucida_grande: 'Lucida Grande',
times_new_roman: 'Times New Roman',
verdana: 'Verdana',
}"
/>
</template>
</q-field>
@ -142,8 +165,31 @@ async function onSubmit() {
<template #control>
<q-editor
v-model="formData.level2"
:dense="$q.screen.lt.md"
min-height="5rem"
class="full-width"
:toolbar="[
[
'bold',
'italic',
'strike',
'underline',
'subscript',
'superscript',
],
['unordered', 'ordered'],
]"
:fonts="{
arial: 'Arial',
arial_black: 'Arial Black',
comic_sans: 'Comic Sans MS',
courier_new: 'Courier New',
impact: 'Impact',
lucida_grande: 'Lucida Grande',
times_new_roman: 'Times New Roman',
verdana: 'Verdana',
}"
/>
</template>
</q-field>
@ -171,8 +217,31 @@ async function onSubmit() {
<template #control>
<q-editor
v-model="formData.level3"
:dense="$q.screen.lt.md"
min-height="5rem"
class="full-width"
:toolbar="[
[
'bold',
'italic',
'strike',
'underline',
'subscript',
'superscript',
],
['unordered', 'ordered'],
]"
:fonts="{
arial: 'Arial',
arial_black: 'Arial Black',
comic_sans: 'Comic Sans MS',
courier_new: 'Courier New',
impact: 'Impact',
lucida_grande: 'Lucida Grande',
times_new_roman: 'Times New Roman',
verdana: 'Verdana',
}"
/>
</template>
</q-field>

View file

@ -112,8 +112,31 @@ async function onSubmit() {
<template #control>
<q-editor
v-model="formData.level1"
:dense="$q.screen.lt.md"
min-height="5rem"
class="full-width"
:toolbar="[
[
'bold',
'italic',
'strike',
'underline',
'subscript',
'superscript',
],
['unordered', 'ordered'],
]"
:fonts="{
arial: 'Arial',
arial_black: 'Arial Black',
comic_sans: 'Comic Sans MS',
courier_new: 'Courier New',
impact: 'Impact',
lucida_grande: 'Lucida Grande',
times_new_roman: 'Times New Roman',
verdana: 'Verdana',
}"
/>
</template>
</q-field>
@ -141,8 +164,31 @@ async function onSubmit() {
<template #control>
<q-editor
v-model="formData.level2"
:dense="$q.screen.lt.md"
min-height="5rem"
class="full-width"
:toolbar="[
[
'bold',
'italic',
'strike',
'underline',
'subscript',
'superscript',
],
['unordered', 'ordered'],
]"
:fonts="{
arial: 'Arial',
arial_black: 'Arial Black',
comic_sans: 'Comic Sans MS',
courier_new: 'Courier New',
impact: 'Impact',
lucida_grande: 'Lucida Grande',
times_new_roman: 'Times New Roman',
verdana: 'Verdana',
}"
/>
</template>
</q-field>