|
@@ -383,130 +383,6 @@ export default {
|
|
|
addType: [{ required: true, message: "请选择", trigger: "change" }],
|
|
|
},
|
|
|
lastEditRange: null,
|
|
|
- froalaConfig: {
|
|
|
- toolbarButtons: [
|
|
|
- "insertImage",
|
|
|
- "insertVideo",
|
|
|
- "insertLink",
|
|
|
- "embedly",
|
|
|
- "insertFile",
|
|
|
- "textColor",
|
|
|
- "bold",
|
|
|
- "italic",
|
|
|
- "underline",
|
|
|
- "strikeThrough",
|
|
|
- "subscript",
|
|
|
- "superscript",
|
|
|
- "fontFamily",
|
|
|
- "fontSize",
|
|
|
- "color",
|
|
|
- "inlineClass",
|
|
|
- "inlineStyle",
|
|
|
- "paragraphStyle",
|
|
|
- "lineHeight",
|
|
|
- "paragraphFormat",
|
|
|
- "align",
|
|
|
- "formatOL",
|
|
|
- "formatUL",
|
|
|
- "outdent",
|
|
|
- "indent",
|
|
|
- "quote",
|
|
|
- "insertTable",
|
|
|
- "emoticons",
|
|
|
- "fontAwesome",
|
|
|
- "specialCharacters",
|
|
|
- "insertHR",
|
|
|
- "selectAll",
|
|
|
- "clearFormatting",
|
|
|
- "html",
|
|
|
- "undo",
|
|
|
- "redo",
|
|
|
- ],
|
|
|
- imageDefaultWidth: false,
|
|
|
- imageInsertButtons: ["imageUpload", "imageByURL"],
|
|
|
- height: 800,
|
|
|
- fontSizeDefaultSelection: "16",
|
|
|
- fontSize: ["12", "14", "16", "18", "20", "24", "28", "32", "36", "40"],
|
|
|
- fontFamily:{
|
|
|
- 'Arial,Helvetica,sans-serif': 'Arial',
|
|
|
- 'Georgia,serif': 'Georgia',
|
|
|
- 'Impact,Charcoal,sans-serif': 'Impact',
|
|
|
- 'Tahoma,Geneva,sans-serif': 'Tahoma',
|
|
|
- "'Times New Roman',Times,serif": 'Times New Roman',
|
|
|
- 'Verdana,Geneva,sans-serif': 'Verdana',
|
|
|
- '宋体': '宋体',
|
|
|
- '黑体': '黑体',
|
|
|
- '微软雅黑': '微软雅黑'
|
|
|
- },
|
|
|
- theme: "dark", //主题
|
|
|
- placeholderText: "请输入内容",
|
|
|
- language: "zh_cn", //国际化
|
|
|
- imageUploadURL: process.env.VUE_APP_API_ROOT + "/report/uploadImg", //上传url
|
|
|
- imagePaste: true,
|
|
|
- imagePasteProcess: true,
|
|
|
- imageResize: true,
|
|
|
- videoUploadURL: process.env.VUE_APP_API_ROOT + "/report/uploadImg", //上传url
|
|
|
- fileUploadURL: process.env.VUE_APP_API_ROOT + "/report/uploadImg", //上传url 更多上传介绍 请访问https://www.froala.com/wysiwyg-editor/docs/options
|
|
|
- toolbarSticky: false, //操作栏是否自动吸顶
|
|
|
- imageEditButtons: [
|
|
|
- "imageLink",
|
|
|
- "imageAlign",
|
|
|
- "imageInfo",
|
|
|
- "imageRemove",
|
|
|
- ],
|
|
|
- quickInsertButtons: ["image", "table", "ul", "ol", "hr"], //快速插入项
|
|
|
- toolbarVisibleWithoutSelection: true, //是否开启 不选中模式
|
|
|
- saveInterval: 0,
|
|
|
- /* saveParam: 'Content',
|
|
|
- saveURL: process.env.VUE_APP_API_ROOT+'/report/saveReportContent',
|
|
|
- saveMethod: 'POST',
|
|
|
- saveParams: {}, */
|
|
|
- events: {
|
|
|
- initialized: function () {
|
|
|
- //this.editor 定义在vue data 中
|
|
|
- that.editor = this;
|
|
|
- },
|
|
|
- keyup: function (e, editor) {
|
|
|
- //添加事件,在每次按键按下时,都记录一下最后停留位置
|
|
|
- that.lastEditRange = getSelection().getRangeAt(0) || 0;
|
|
|
- },
|
|
|
- click: function (e, editor) {
|
|
|
- //添加事件,在每次鼠标点击时,都记录一下最后停留位置
|
|
|
- if (getSelection().type === "None") return;
|
|
|
- that.lastEditRange = getSelection().getRangeAt(0) || 0;
|
|
|
- },
|
|
|
- //内容改变事件
|
|
|
- contentChanged: function () {
|
|
|
- console.log("cont-change");
|
|
|
- that.ischange = true;
|
|
|
- if (getSelection().type !== "None") {
|
|
|
- that.lastEditRange = getSelection().getRangeAt(0) || 0;
|
|
|
- }
|
|
|
- },
|
|
|
- //粘贴图片上传事件
|
|
|
- "image.beforePasteUpload": function (img) {
|
|
|
- //console.log('image.beforePasteUpload',img)
|
|
|
- //暂停自动保存
|
|
|
- that.autoSaveFlag = false;
|
|
|
- },
|
|
|
- //点击toolbar上传图片事件
|
|
|
- "image.beforeUpload": function (imgs) {
|
|
|
- //console.log('image.beforeUpload',imgs)
|
|
|
- //暂停自动保存
|
|
|
- that.autoSaveFlag = false;
|
|
|
- },
|
|
|
- "image.inserted": function ($img, response) {
|
|
|
- //console.log('img-inserted',$img)
|
|
|
- //开启自动保存
|
|
|
- that.autoSaveFlag = true;
|
|
|
- },
|
|
|
- //如果上传图片出错,重置autoSaveFlag
|
|
|
- "image.error": function (error, response) {
|
|
|
- that.autoSaveFlag = true;
|
|
|
- },
|
|
|
- },
|
|
|
- charCounterCount: false,
|
|
|
- },
|
|
|
reportloadding: false,
|
|
|
timer: null,
|
|
|
ischange: false,
|