|
@@ -1,7 +1,7 @@ |
|
|
<!-- |
|
|
<!-- |
|
|
* @Date: 2022-08-08 10:09:45 |
|
|
* @Date: 2022-08-08 10:09:45 |
|
|
* @LastEditors: JinxChen |
|
|
* @LastEditors: JinxChen |
|
|
* @LastEditTime: 2022-09-13 17:00:45 |
|
|
|
|
|
|
|
|
* @LastEditTime: 2022-09-16 16:39:27 |
|
|
* @FilePath: \TelpoUserManageAdmin\src\views\message-manage\main\add-articles\index.vue |
|
|
* @FilePath: \TelpoUserManageAdmin\src\views\message-manage\main\add-articles\index.vue |
|
|
* @description: 添加文章 |
|
|
* @description: 添加文章 |
|
|
--> |
|
|
--> |
|
@@ -70,6 +70,12 @@ |
|
|
:defaultConfig="editorConfig" |
|
|
:defaultConfig="editorConfig" |
|
|
:mode="mode" |
|
|
:mode="mode" |
|
|
@onCreated="onCreated" |
|
|
@onCreated="onCreated" |
|
|
|
|
|
@onChange="onChange" |
|
|
|
|
|
@onDestroyed="onDestroyed" |
|
|
|
|
|
@onMaxLength="onMaxLength" |
|
|
|
|
|
@onFocus="onFocus" |
|
|
|
|
|
@onBlur="onBlur" |
|
|
|
|
|
@customPaste="customPaste" |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
@@ -113,8 +119,16 @@ export default { |
|
|
fileList: [], |
|
|
fileList: [], |
|
|
editor: null, |
|
|
editor: null, |
|
|
toolbarConfig: { }, |
|
|
toolbarConfig: { }, |
|
|
editorConfig: { placeholder: '请输入内容...' }, |
|
|
|
|
|
mode: 'default', // or 'simple' |
|
|
mode: 'default', // or 'simple' |
|
|
|
|
|
// 菜单配置 |
|
|
|
|
|
editorConfig: { |
|
|
|
|
|
MENU_CONF: { |
|
|
|
|
|
uploadImage: { |
|
|
|
|
|
server: '', //上传图片地址 todo 待后端提供 |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
@@ -132,6 +146,27 @@ export default { |
|
|
onCreated(editor) { |
|
|
onCreated(editor) { |
|
|
this.editor = Object.seal(editor) // 一定要用 Object.seal() ,否则会报错 |
|
|
this.editor = Object.seal(editor) // 一定要用 Object.seal() ,否则会报错 |
|
|
}, |
|
|
}, |
|
|
|
|
|
onChange(editor) { console.log('onChange', editor.children) }, |
|
|
|
|
|
onDestroyed(editor) { console.log('onDestroyed', editor) }, |
|
|
|
|
|
onMaxLength(editor) { console.log('onMaxLength', editor) }, |
|
|
|
|
|
onFocus(editor) { console.log('onFocus', editor) }, |
|
|
|
|
|
onBlur(editor) { console.log('onBlur', editor) }, |
|
|
|
|
|
customPaste(editor, event, callback) { |
|
|
|
|
|
console.log('ClipboardEvent 粘贴事件对象', event) |
|
|
|
|
|
// const html = event.clipboardData.getData('text/html') // 获取粘贴的 html |
|
|
|
|
|
// const text = event.clipboardData.getData('text/plain') // 获取粘贴的纯文本 |
|
|
|
|
|
// const rtf = event.clipboardData.getData('text/rtf') // 获取 rtf 数据(如从 word wsp 复制粘贴) |
|
|
|
|
|
|
|
|
|
|
|
// 自定义插入内容 |
|
|
|
|
|
editor.insertText('') |
|
|
|
|
|
|
|
|
|
|
|
// 返回 false ,阻止默认粘贴行为 |
|
|
|
|
|
event.preventDefault() |
|
|
|
|
|
callback(false) // 返回值(注意,vue 事件的返回值,不能用 return) |
|
|
|
|
|
|
|
|
|
|
|
// 返回 true ,继续默认的粘贴行为 |
|
|
|
|
|
// callback(true) |
|
|
|
|
|
}, |
|
|
// 清空本地上传的图片列表 |
|
|
// 清空本地上传的图片列表 |
|
|
clearFiles() {}, |
|
|
clearFiles() {}, |
|
|
// 删除上传的图片 |
|
|
// 删除上传的图片 |
|
|