|
@@ -13,10 +13,17 @@ import 'quill/dist/quill.core.css'
|
|
|
import 'quill/dist/quill.snow.css'
|
|
import 'quill/dist/quill.snow.css'
|
|
|
import 'quill/dist/quill.bubble.css'
|
|
import 'quill/dist/quill.bubble.css'
|
|
|
import {
|
|
import {
|
|
|
- quillEditor
|
|
|
|
|
|
|
+ quillEditor,
|
|
|
|
|
+ Quill
|
|
|
} from 'vue-quill-editor'
|
|
} from 'vue-quill-editor'
|
|
|
|
|
+const undoIcon = Quill.import('ui/icons')['undo']
|
|
|
|
|
+const redoIcon = Quill.import('ui/icons')['redo']
|
|
|
const toolbarOptions = [
|
|
const toolbarOptions = [
|
|
|
- [{'undo': []}, {'redo': []}], // 撤销,重做
|
|
|
|
|
|
|
+ [{
|
|
|
|
|
+ 'undo': undoIcon
|
|
|
|
|
+ }, {
|
|
|
|
|
+ 'redo': redoIcon
|
|
|
|
|
+ }], // 撤销,重做
|
|
|
['bold', 'italic', 'underline', 'strike'], // 加粗,斜体,下划线,删除线
|
|
['bold', 'italic', 'underline', 'strike'], // 加粗,斜体,下划线,删除线
|
|
|
['blockquote', 'code-block'], //引用,代码块
|
|
['blockquote', 'code-block'], //引用,代码块
|
|
|
[{
|
|
[{
|
|
@@ -78,6 +85,12 @@ export default {
|
|
|
toolbar: {
|
|
toolbar: {
|
|
|
container: toolbarOptions,
|
|
container: toolbarOptions,
|
|
|
handlers: {
|
|
handlers: {
|
|
|
|
|
+ undo: function () {
|
|
|
|
|
+ this.quill.history.undo()
|
|
|
|
|
+ },
|
|
|
|
|
+ redo: function () {
|
|
|
|
|
+ this.quill.history.redo()
|
|
|
|
|
+ },
|
|
|
image: function (value) {
|
|
image: function (value) {
|
|
|
if (value) {
|
|
if (value) {
|
|
|
// 调用element的图片上传组件
|
|
// 调用element的图片上传组件
|