2022-09-14 11:26:01 +00:00
< template >
2023-08-04 11:39:10 +00:00
< DocComponent title = "Vue Editor Component" header = "Editor" description = "Editor is rich text editor component based on Quill." :componentDocs ="docs" :apiDocs ="['Editor']" :ptTabComponent ="ptComponent" :themingDocs ="themingDoc" / >
2022-09-14 11:26:01 +00:00
< / template >
< script >
2023-02-28 08:29:30 +00:00
import AccessibilityDoc from '@/doc/editor/AccessibilityDoc.vue' ;
import BasicDoc from '@/doc/editor/BasicDoc.vue' ;
2024-10-23 12:21:38 +00:00
import FormsDoc from '@/doc/editor/FormsDoc.vue' ;
2023-02-28 08:29:30 +00:00
import ImportDoc from '@/doc/editor/ImportDoc.vue' ;
import QuillDoc from '@/doc/editor/QuillDoc.vue' ;
import ReadOnlyDoc from '@/doc/editor/ReadOnlyDoc.vue' ;
import TemplateDoc from '@/doc/editor/TemplateDoc.vue' ;
2023-05-05 10:31:26 +00:00
import PTComponent from '@/doc/editor/pt/index.vue' ;
2023-08-04 11:39:10 +00:00
import ThemingDoc from '@/doc/editor/theming/index.vue' ;
2022-09-14 11:26:01 +00:00
export default {
data ( ) {
return {
2023-02-28 08:29:30 +00:00
docs : [
{
id : 'import' ,
label : 'Import' ,
component : ImportDoc
} ,
{
id : 'quill' ,
label : 'Quill' ,
component : QuillDoc
} ,
{
id : 'basic' ,
label : 'Basic' ,
component : BasicDoc
} ,
2024-10-23 06:56:16 +00:00
{
2024-10-23 12:21:38 +00:00
id : 'forms' ,
label : 'Forms' ,
component : FormsDoc
2024-10-23 06:56:16 +00:00
} ,
2023-02-28 08:29:30 +00:00
{
id : 'readonly' ,
label : 'ReadOnly' ,
component : ReadOnlyDoc
} ,
{
id : 'template' ,
label : 'Template' ,
component : TemplateDoc
} ,
{
id : 'accessibility' ,
label : 'Accessibility' ,
component : AccessibilityDoc
}
2023-05-05 10:31:26 +00:00
] ,
2023-08-04 11:39:10 +00:00
ptComponent : PTComponent ,
themingDoc : ThemingDoc
2022-09-14 11:26:01 +00:00
} ;
}
} ;
< / script >