粗体';
- const justifyCenter = toolbarRef.value.querySelector('[data-menu-key="justifyCenter"]');
- const justifyCenterItem = justifyCenter.parentElement;
- justifyCenterItem.classList.add("toolbar-item", "flexacenter");
- justifyCenter.innerHTML = '
居中';
+ const customCenter = toolbarRef.value.querySelector('[data-menu-key="customCenter"]');
+ const customCenterItem = customCenter.parentElement;
+ customCenterItem.classList.add("toolbar-item", "flexacenter");
+ customCenter.innerHTML = ' 居中';
});
};
@@ -549,7 +583,7 @@ const editApp = createApp({
try {
const DomEditor = window.wangEditor && window.wangEditor.DomEditor;
if (DomEditor && editor) node = DomEditor.getSelectionNode(editor);
- } catch (e) {}
+ } catch (e) { }
if (!node) {
const sel = window.getSelection();
if (sel && sel.rangeCount) node = sel.getRangeAt(0).commonAncestorContainer;
@@ -844,7 +878,7 @@ const editApp = createApp({
let format = ref("");
const submit = (status) => {
const infoTarget = { ...info.value } || {};
- let content = editorRef.value.innerHTML;
+ let content = editor.getHtml()
const images = extractImages(editorRef.value);
const videos = extractVideos(editorRef.value);
@@ -925,14 +959,20 @@ const editApp = createApp({
const imgElements = dom.querySelectorAll("img");
imgElements.forEach((imgEl) => {
- const url = imgEl.getAttribute("src")?.trim() || "";
- const aid = imgEl.dataset.aid?.trim() || ""; // 用 dataset 简化自定义属性读取
+ let url = imgEl.getAttribute("src")?.trim() || "";
+ const urlObj = new URL(url);
+ const aid = urlObj.searchParams.get('aid');
+ const queryIndex = url.indexOf('?');
+ const cleanUrl = queryIndex !== -1 ? url.substring(0, queryIndex) : url;
images.push({
- url,
+ url: cleanUrl,
aid: Number(aid),
});
});
+
+ console.log("提取完成的图片列表：", images);
+
return images;
};
@@ -943,16 +983,27 @@ const editApp = createApp({
// 2. 遍历每个 video 节点，直接获取属性
videoElements.forEach((videoEl) => {
- const url = videoEl.getAttribute("src")?.trim() || ""; // 视频地址
- const posterurl = videoEl.getAttribute("poster")?.trim() || ""; // 封面图
- const aid = videoEl.getAttribute("aid")?.trim() || ""; // 视频 ID（自定义属性）
- const posterid = videoEl.getAttribute("posterid")?.trim() || ""; // 封面 ID（自定义属性）
+ const posterurl = videoEl.getAttribute("poster")?.trim() || ""; // 视频地址
+ // 1. 用 URL 构造函数解析链接（自动处理查询参数）
+ const urlObj = new URL(posterurl);
+ // 2. 获取 aid 参数（get 方法找不到时返回 null）
+ const posterid = urlObj.searchParams.get('aid');
+ const sourceEl = videoEl.querySelector('source');
+
+ const url = sourceEl.getAttribute('src') || null;
+ const obj = new URL(url);
+ // 2. 获取 aid 参数（get 方法找不到时返回 null）
+ const aid = obj.searchParams.get('aid');
+ const queryIndex = url.indexOf('?');
+ const cleanUrl = queryIndex !== -1 ? url.substring(0, queryIndex) : url;
+ const queryIndex2 = posterurl.indexOf('?');
+ const cleanPosterurl = queryIndex2 !== -1 ? posterurl.substring(0, queryIndex2) : posterurl;
result.push({
aid: Number(aid),
posterid: Number(posterid),
- url,
- posterurl,
+ url: cleanUrl,
+ posterurl: cleanPosterurl,
});
});
@@ -1094,14 +1145,21 @@ const editApp = createApp({
});
};
- const linkClick = () => {};
+ const linkClick = () => { };
const overstriking = () => {
console.log("加粗");
- editor.addMark("bold", true); // 加粗
+ // editor.addMark("bold", true); // 加粗
// editor.addMark("color", "#999"); // 文本颜色
- console.log("editor", editor.addMark);
+ // console.log("editor", editor.addMark);
+
+ // editor.addMark('justifyCenter', true) // 加粗
+ console.log(SlateTransforms.setNodes, editor);
+
+ SlateTransforms.setNodes(editor, {
+ textAlign: 'right'
+ },)
};
return { toolbarRef, overstriking, isH1, linkClick, insertVideo, insertLink, linkUrl, linkText, linkState, openLink, closeLink, handleClick, uniqid, userInfoWin, titleLength, submit, emojiState, openEmoji, closeEmoji, selectEmoji, optionEmoji, isPTitle, onEditorInput, onEditorFocus, onEditorBlur, paragraphTitle, info, tagList, token, cutAnonymity, editorRef, insertImage, judgeIsEmpty, isEmpty };