parent
a0975fa5e6
commit
4c84136e21
Before Width: | Height: | Size: 393 KiB After Width: | Height: | Size: 111 KiB |
@ -0,0 +1,158 @@ |
||||
<template> |
||||
<ckeditor :editor="editor" v-model="content" :config="editorConfig" style="height:500px"/> |
||||
</template> |
||||
<script> |
||||
const { |
||||
ClassicEditor, |
||||
Autoformat, |
||||
AutoImage, |
||||
AutoLink, |
||||
Autosave, |
||||
Bold, |
||||
CKBox, |
||||
CKBoxImageEdit, |
||||
CloudServices, |
||||
Code, |
||||
CodeBlock, |
||||
Emoji, |
||||
Essentials, |
||||
GeneralHtmlSupport, |
||||
Heading, |
||||
HtmlComment, |
||||
HtmlEmbed, |
||||
ImageBlock, |
||||
ImageCaption, |
||||
ImageInline, |
||||
ImageInsert, |
||||
ImageInsertViaUrl, |
||||
ImageResize, |
||||
ImageStyle, |
||||
ImageTextAlternative, |
||||
ImageToolbar, |
||||
ImageUpload, |
||||
Italic, |
||||
Link, |
||||
LinkImage, |
||||
List, |
||||
ListProperties, |
||||
Mention, |
||||
Paragraph, |
||||
PasteFromOffice, |
||||
PictureEditing, |
||||
ShowBlocks, |
||||
Table, |
||||
TableCaption, |
||||
TableCellProperties, |
||||
TableColumnResize, |
||||
TableProperties, |
||||
TableToolbar, |
||||
TextTransformation, |
||||
|
||||
} = CKEDITOR; |
||||
const {FormatPainter} = CKEDITOR_PREMIUM_FEATURES; |
||||
export default { |
||||
props: { |
||||
content: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
}, |
||||
watch: { |
||||
content(newVal, oldVal) { |
||||
this.editorContent=newVal |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
editorContent:"", |
||||
editor: ClassicEditor, |
||||
editorConfig: { |
||||
licenseKey: "eyJhbGciOiJFUzI1NiJ9.eyJleHAiOjE3NDk2ODYzOTksImp0aSI6ImFlNDIyNDQ4LTZlMzYtNDU3Mi05N2FhLWViNDEyZGY3NjYxZCIsInVzYWdlRW5kcG9pbnQiOiJodHRwczovL3Byb3h5LWV2ZW50LmNrZWRpdG9yLmNvbSIsImRpc3RyaWJ1dGlvbkNoYW5uZWwiOlsiY2xvdWQiLCJkcnVwYWwiLCJzaCJdLCJ3aGl0ZUxhYmVsIjp0cnVlLCJsaWNlbnNlVHlwZSI6InRyaWFsIiwiZmVhdHVyZXMiOlsiKiJdLCJ2YyI6IjQ2NTY4ZTczIn0.tle2DeT9IWKLaVnhU0-EST0NhqhkHPxsUl5g1i0wiFmC1rjT9uwxSGnMZdd-CsLC5o_0n-B2PXAYeZFjkXfECw", |
||||
placeholder: "准备生成内容中...", |
||||
asWidget: true, |
||||
language: 'zh-cn', |
||||
toolbar: { |
||||
items: [ |
||||
'undo', |
||||
'redo', |
||||
'|', |
||||
'showBlocks', |
||||
'|', |
||||
'heading', |
||||
'|', |
||||
'bold', |
||||
'italic', |
||||
'code', |
||||
'|', |
||||
'emoji', |
||||
'link', |
||||
'insertImage', |
||||
'ckbox', |
||||
'insertTable', |
||||
'codeBlock', |
||||
'htmlEmbed', |
||||
'|', |
||||
'bulletedList', |
||||
'numberedList' |
||||
], |
||||
}, |
||||
plugins: [ |
||||
Autoformat, |
||||
AutoImage, |
||||
AutoLink, |
||||
Autosave, |
||||
Bold, |
||||
CKBox, |
||||
CKBoxImageEdit, |
||||
CloudServices, |
||||
Code, |
||||
CodeBlock, |
||||
Emoji, |
||||
Essentials, |
||||
GeneralHtmlSupport, |
||||
Heading, |
||||
HtmlComment, |
||||
HtmlEmbed, |
||||
ImageBlock, |
||||
ImageCaption, |
||||
ImageInline, |
||||
ImageInsert, |
||||
ImageInsertViaUrl, |
||||
ImageResize, |
||||
ImageStyle, |
||||
ImageTextAlternative, |
||||
ImageToolbar, |
||||
ImageUpload, |
||||
Italic, |
||||
Link, |
||||
LinkImage, |
||||
List, |
||||
ListProperties, |
||||
Mention, |
||||
Paragraph, |
||||
PasteFromOffice, |
||||
PictureEditing, |
||||
ShowBlocks, |
||||
Table, |
||||
TableCaption, |
||||
TableCellProperties, |
||||
TableColumnResize, |
||||
TableProperties, |
||||
TableToolbar, |
||||
TextTransformation |
||||
], |
||||
htmlSupport: { |
||||
allow: [ |
||||
{ |
||||
name: /^.*$/, |
||||
styles: true, |
||||
attributes: true, |
||||
classes: true |
||||
} |
||||
] |
||||
}, |
||||
}, |
||||
} |
||||
} |
||||
} |
||||
</script> |
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue