bingyi/shopxo-diy
1
0
Fork 0
mirror of https://gitee.com/zongzhige/shopxo-diy.git synced 2026-07-08 06:35:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

富文本添加内容显示

Browse Source
This commit is contained in:
于肖磊
2024-08-23 17:53:11 +08:00
parent 7ce3af502a
commit ca360e7564
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/model-rich-text/model-rich-text-content.vue
View File

@ -46,6 +46,7 @@ const editor_config = ref({
uploadImage: {
// 自定义选择图片
customBrowseAndUpload(insertFn: InsertFnType) {
upload_insert.value = insertFn;
rich_upload_type.value = 'img';
visibleDialog.value = true;
cursor_position.value = editor_ref.value.selection;
@ -54,6 +55,7 @@ const editor_config = ref({
uploadVideo: {
// 自定义上传视频
customBrowseAndUpload(insertFn: InsertFnType) {
upload_insert.value = insertFn;
rich_upload_type.value = 'video';
visibleDialog.value = true;
cursor_position.value = editor_ref.value.selection;
@ -61,6 +63,8 @@ const editor_config = ref({
},
},
});
// 获取到对应的触发事件
const upload_insert = ref<any>(null);
const handle_created = (editor: any) => {
editor_ref.value = editor; // 记录 editor 实例，重要！
};
@ -76,20 +80,23 @@ const upload_list_change = (arry: uploadList[]) => {
arry.forEach((item: uploadList) => {
const url = item.url;
const alt = item.title;
if (rich_upload_type.value === 'img') {
new_html += `<img src="${url}" alt="${alt}" />`;
} else if (rich_upload_type.value === 'video') {
new_html += `<video src="${url}" />`;
}
// if (rich_upload_type.value === 'img') {
// new_html += `<img src="${url}" alt="${alt}" />`;
// } else if (rich_upload_type.value === 'video') {
// new_html += `<video src="${url}" />`;
// }
// 弹出框结束的时候触发添加事件
upload_insert.value(url, alt);
});
// 弹出框结束之后清空数据
upload_insert.value = null;
// 插入图片或视频
console.log(editor);
// if (editor.isDisabled()) editor.enable();
// if (!editor.isFocused()) editor.focus();
// editor.select(cursor_position.value);
// // editor.deleteFragment();
editor.dangerouslyInsertHtml(new_html);
// editor.dangerouslyInsertHtml(new_html);
}
upload_list.value = [];
};