zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
始于初见
2026-04-03 09:05:56 +08:00
parent 95b52b4d06
commit 620a35f958
9 changed files with 609 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/common/js/commonJS.js
View File

@@ -226,7 +226,6 @@ export default {
str = this.transformHtmlString(processedContent, 'table',{ keepBr: true }) str = this.transformHtmlString(processedContent, 'table',{ keepBr: true })
console.log("🚀 ~ extractContentWithoutOuterSpan888888 ~ str:", str);
// 创建一个临时的 DOM 元素来解析 HTML // 创建一个临时的 DOM 元素来解析 HTML
@@ -917,9 +916,9 @@ str = str.replace(regex, function (match, content, offset, fullString) {
}); });
// 2. 删除所有不需要的标签 (除 `strong`, `em`, `sub`, `sup`, `b`, `i` 外的所有标签) // 2. 删除所有不需要的标签 (除 `strong`, `em`, `sub`, `sup`, `b`, `i` 外的所有标签)
if (type == 'table') { if (type == 'table') {
inputHtml = inputHtml.replace(/<(?!\/?(strong|em|sub|sup|b|i|blue|wmath|img|myfigure|mytable|myh3))[^>]+>/g, ''); // 删除不需要的标签 inputHtml = inputHtml.replace(/<(?!\/?(strong|em|sub|sup|b|i|blue|wmath|img|myfigure|mytable|myh3|autocite))[^>]+>/g, ''); // 删除不需要的标签
} else { } else {
inputHtml = inputHtml.replace(/<(?!\/?(strong|em|sub|sup|b|i|blue|wmath|myfigure|mytable|myh3))[^>]+>/g, ''); // 删除不需要的标签 inputHtml = inputHtml.replace(/<(?!\/?(strong|em|sub|sup|b|i|blue|wmath|myfigure|mytable|myh3|autocite))[^>]+>/g, ''); // 删除不需要的标签
} }

7
src/components/common/langs/en.js
View File

@@ -1152,12 +1152,17 @@ colTitle: 'Template title',
placeholder: 'Please enter email content' placeholder: 'Please enter email content'
}, },
wordCite: { wordCite: {
noRefs: 'Reference list is not loaded yet. Please wait or refresh the page.',
notFoundById: 'No reference found for citation ID {id}', notFoundById: 'No reference found for citation ID {id}',
selectRef: 'Select Reference', selectRef: 'Select Reference',
reference: 'Reference', reference: 'Reference',
cancel: 'Cancel', cancel: 'Cancel',
confirm: 'Confirm', confirm: 'Confirm',
remove: 'Remove' remove: 'Remove',
selected: 'Selected',
modifyRef: 'Edit citation',
removeRefTag: 'Remove citation',
citeUpdateFail: 'Could not update the citation in the text. Try again or use Edit.'
} }

7
src/components/common/langs/zh.js
View File

@@ -1137,12 +1137,17 @@ const zh = {
placeholder: '请输入邮件内容' placeholder: '请输入邮件内容'
}, },
wordCite: { wordCite: {
noRefs: '参考文献列表尚未加载，请稍候再试或刷新页面',
notFoundById: '未查询到编号{id}相关参考文献', notFoundById: '未查询到编号{id}相关参考文献',
selectRef: '选择参考文献', selectRef: '选择参考文献',
reference: '参考文献', reference: '参考文献',
cancel: '取消', cancel: '取消',
confirm: '确认', confirm: '确认',
remove: '移除' remove: '移除',
selected: '已选择',
modifyRef: '修改引用',
removeRefTag: '移除引用',
citeUpdateFail: '未能更新正文中的引用标签，请重试或进入编辑修改'
} }

148
src/components/page/GenerateCharts.vue
View File

@@ -122,6 +122,7 @@
@onEditTitle="onEditTitle" @onEditTitle="onEditTitle"
@onAddRow="onAddRow" @onAddRow="onAddRow"
@changeComment="changeComment" @changeComment="changeComment"
@openRefSelector="handleOpenRefSelectorFromManuscript"
style="width: calc(100%); height: calc(100%)" style="width: calc(100%); height: calc(100%)"
:style="`100%`" :style="`100%`"
> >
@@ -447,34 +448,46 @@
<el-dialog <el-dialog
:title="$t('wordCite.selectRef')" :title="$t('wordCite.selectRef')"
:visible.sync="refSelectorVisible" :visible.sync="refSelectorVisible"
width="860px" width="900px"
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
> >
<div v-if="refSelectedRows.length > 0" style="margin-bottom: 10px; font-size: 13px; color: #606266;">
{{ $t('wordCite.selected') }}: <b style="color: #0082AA;">[{{ refPreviewLabel }}]</b>
</div>
<el-table <el-table
ref="refSelectorTable"
:data="chanFerForm" :data="chanFerForm"
highlight-current-row @selection-change="handleRefSelectionChange"
@current-change="handleRefCurrentChange"
style="width: 100%" style="width: 100%"
max-height="400" max-height="420"
size="small" size="small"
row-key="p_refer_id"
> >
<el-table-column type="index" :label="'#'" width="60" :index="idx => idx + 1"></el-table-column> <el-table-column type="selection" width="45" :reserve-selection="true"></el-table-column>
<el-table-column :label="$t('wordCite.reference')"> <el-table-column :label="'#'" width="50">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.refer_frag || [scope.row.author, scope.row.title, scope.row.joura, scope.row.dateno].filter(Boolean).join(' ') || '-' }} <b>{{ scope.$index + 1 }}.</b>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="DOI" width="200"> <el-table-column :label="$t('wordCite.reference')">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.doilink || scope.row.doi || scope.row.isbn || '-' }} <div style="line-height: 1.6;">
<span>{{ scope.row.refer_frag || [scope.row.author, scope.row.title, scope.row.joura, scope.row.dateno].filter(Boolean).join('. ') || '-' }}</span>
<br v-if="scope.row.doilink || scope.row.doi || scope.row.isbn">
<a v-if="scope.row.doilink || scope.row.doi || scope.row.isbn"
:href="(scope.row.doilink || scope.row.doi || '').startsWith('http') ? (scope.row.doilink || scope.row.doi) : 'https://doi.org/' + (scope.row.doilink || scope.row.doi || scope.row.isbn)"
target="_blank"
style="color: #0082AA; font-size: 12px;"
>{{ scope.row.doilink || scope.row.doi || scope.row.isbn }}</a>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="refSelectorVisible = false">{{ $t('wordCite.cancel') }}</el-button> <el-button @click="refSelectorVisible = false">{{ $t('wordCite.cancel') }}</el-button>
<el-button type="danger" v-if="refSelectorCurrentRefId" @click="handleRemoveRefCite">{{ $t('wordCite.remove') }}</el-button> <el-button type="danger" v-if="refSelectorIsEdit" @click="handleRemoveRefCite">{{ $t('wordCite.remove') }}</el-button>
<el-button type="primary" :disabled="!refSelectedRow" @click="handleConfirmRefCite">{{ $t('wordCite.confirm') }}</el-button> <el-button type="primary" :disabled="refSelectedRows.length === 0" @click="handleConfirmRefCite">{{ $t('wordCite.confirm') }}</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
@@ -616,8 +629,8 @@ export default {
chanFerForm: [], chanFerForm: [],
chanFerFormRepeatList: [], chanFerFormRepeatList: [],
refSelectorVisible: false, refSelectorVisible: false,
refSelectorCurrentRefId: null, refSelectorIsEdit: false,
refSelectedRow: null, refSelectedRows: [],
refSelectorSource: 'commonContent' refSelectorSource: 'commonContent'
}; };
}, },
@@ -628,6 +641,29 @@ export default {
editPublicRefTableOnly editPublicRefTableOnly
}, },
computed: { computed: {
refPreviewLabel() {
if (!this.refSelectedRows.length) return '';
const refs = Array.isArray(this.chanFerForm) ? this.chanFerForm : [];
const nums = this.refSelectedRows.map((row) => {
const idx = refs.findIndex((r) => r.p_refer_id === row.p_refer_id);
return idx >= 0 ? idx + 1 : null;
}).filter((n) => n != null);
if (!nums.length) return '?';
const sorted = [...new Set(nums)].sort((a, b) => a - b);
const result = [];
let i = 0;
while (i < sorted.length) {
let j = i;
while (j < sorted.length - 1 && sorted[j + 1] === sorted[j] + 1) j++;
if (j - i >= 2) {
result.push(`${sorted[i]}–${sorted[j]}`);
} else {
for (let k = i; k <= j; k++) result.push(sorted[k]);
}
i = j + 1;
}
return result.join(', ');
},
catalogueContent() { catalogueContent() {
const base = Array.isArray(this.Main_List) ? this.Main_List : []; const base = Array.isArray(this.Main_List) ? this.Main_List : [];
if (!Array.isArray(this.chanFerForm) || this.chanFerForm.length === 0) return base; if (!Array.isArray(this.chanFerForm) || this.chanFerForm.length === 0) return base;
@@ -721,41 +757,89 @@ export default {
if (this.$refs.editPublicRefTableOnly) { if (this.$refs.editPublicRefTableOnly) {
this.$refs.editPublicRefTableOnly.init(); this.$refs.editPublicRefTableOnly.init();
} }
if (this.editVisible && this.$refs.commonContent && this.$refs.commonContent.refreshAutociteDisplay) {
this.$refs.commonContent.refreshAutociteDisplay();
}
if (this.addContentVisible && this.$refs.addContent && this.$refs.addContent.refreshAutociteDisplay) {
this.$refs.addContent.refreshAutociteDisplay();
}
}); });
}) })
.catch((err) => { .catch((err) => {
console.log(err); console.log(err);
}); });
}, },
handleOpenRefSelector(data) { handleOpenRefSelectorFromManuscript(data) {
this.refSelectorCurrentRefId = data && data.currentRefId ? data.currentRefId : null; this.handleOpenRefSelector(data, 'manuscriptAutocite');
this.refSelectedRow = null; },
if (this.editVisible) { handleOpenRefSelector(data, sourceOverride) {
const currentIds = data && Array.isArray(data.currentRefIds) ? data.currentRefIds : [];
this.refSelectorIsEdit = currentIds.length > 0;
this.refSelectedRows = [];
if (sourceOverride === 'manuscriptAutocite' || (data && data.source === 'manuscript')) {
this.refSelectorSource = 'manuscriptAutocite';
} else if (this.editVisible) {
this.refSelectorSource = 'commonContent'; this.refSelectorSource = 'commonContent';
} else if (this.addContentVisible) { } else if (this.addContentVisible) {
this.refSelectorSource = 'addContent'; this.refSelectorSource = 'addContent';
} }
this.refSelectorVisible = true; this.refSelectorVisible = true;
this.$nextTick(() => {
const table = this.$refs.refSelectorTable;
if (table) {
table.clearSelection();
if (currentIds.length > 0) {
const idSet = new Set(currentIds.map(String));
this.chanFerForm.forEach((row) => {
if (idSet.has(String(row.p_refer_id))) {
table.toggleRowSelection(row, true);
}
});
}
}
});
}, },
handleRefCurrentChange(row) { handleRefSelectionChange(rows) {
this.refSelectedRow = row; this.refSelectedRows = rows;
}, },
handleConfirmRefCite() { handleConfirmRefCite() {
if (!this.refSelectedRow) return; if (this.refSelectedRows.length === 0) return;
const ref = this.$refs[this.refSelectorSource]; const ids = this.refSelectedRows.map((r) => r.p_refer_id);
if (ref) { if (this.refSelectorSource === 'manuscriptAutocite') {
ref.insertAutocite(this.refSelectedRow.p_refer_id); const w = this.$refs.commonWord;
if (w && typeof w.applyManuscriptAutocite === 'function') {
w.applyManuscriptAutocite(ids);
} }
this.refSelectorVisible = false; this.refSelectorVisible = false;
this.refSelectedRow = null; this.refSelectedRows = [];
}, return;
handleRemoveRefCite() { }
const ref = this.$refs[this.refSelectorSource]; const ref = this.$refs[this.refSelectorSource];
if (ref) { if (ref) {
ref.insertAutocite(ids);
}
this.refSelectorVisible = false;
this.refSelectedRows = [];
},
handleRemoveRefCite() {
const idsToStrip = (this.refSelectedRows || []).map((r) => r.p_refer_id);
if (this.refSelectorSource === 'manuscriptAutocite') {
const w = this.$refs.commonWord;
if (w && typeof w.stripManuscriptAutociteIds === 'function') {
w.stripManuscriptAutociteIds(idsToStrip);
}
this.refSelectorVisible = false;
this.refSelectedRows = [];
return;
}
const ref = this.$refs[this.refSelectorSource];
if (ref && typeof ref.stripAutociteIds === 'function') {
ref.stripAutociteIds(idsToStrip);
} else if (ref) {
ref.removeAutocite(); ref.removeAutocite();
} }
this.refSelectorVisible = false; this.refSelectorVisible = false;
this.refSelectedRow = null; this.refSelectedRows = [];
}, },
ChanFerMashUp(e) { ChanFerMashUp(e) {
this.$api this.$api
@@ -1825,6 +1909,16 @@ export default {
this.editVisible = true; this.editVisible = true;
this.currentId = dataId; this.currentId = dataId;
if (this.p_article_id) {
this.fetchReferList();
}
this.$nextTick(() => {
this.$nextTick(() => {
if (this.$refs.commonContent && this.$refs.commonContent.refreshAutociteDisplay) {
this.$refs.commonContent.refreshAutociteDisplay();
}
});
});
} }
}, },
onAddContent(dataId) { onAddContent(dataId) {

212
src/components/page/components/Tinymce/index.vue
View File

@@ -147,7 +147,7 @@ export default {
handler(val) { handler(val) {
if (!this.hasChange && this.hasInit) { if (!this.hasChange && this.hasInit) {
this.$nextTick(() => { this.$nextTick(() => {
window.tinymce.get(this.tinymceId).setContent(val); this.handleSetContent(val);
}); });
} }
}, },
@@ -155,9 +155,11 @@ export default {
}, },
chanFerForm: { chanFerForm: {
handler() { handler() {
this.$nextTick(() => {
if (this.editorInstance) { if (this.editorInstance) {
this.renderAutociteInEditor(this.editorInstance); this.renderAutociteInEditor(this.editorInstance);
} }
});
}, },
deep: true deep: true
} }
@@ -183,10 +185,52 @@ export default {
this.destroyTinymce(); this.destroyTinymce();
}, },
methods: { methods: {
/** 与正文一致：两项连续写作 1, 2；三项及以上连续写作 1-3 */
formatCiteNumbers(nums) {
if (!nums || !nums.length) return '';
const sorted = [...new Set(nums)].sort((a, b) => a - b);
const result = [];
let i = 0;
while (i < sorted.length) {
let j = i;
while (j < sorted.length - 1 && sorted[j + 1] === sorted[j] + 1) j++;
if (j - i >= 2) {
result.push(`${sorted[i]}–${sorted[j]}`);
} else {
for (let k = i; k <= j; k++) result.push(sorted[k]);
}
i = j + 1;
}
return result.join(', ');
},
parseAutociteDataIds(attr) {
if (!attr || typeof attr !== 'string') return [];
return attr
.split(',')
.map((s) => s.trim())
.filter(Boolean);
},
/** 与 word.vue renderCiteLabels：tooltip 行按引用序号排序 */
sortAutociteIdsByCiteNumber(ids) {
const uniq = [...new Set(ids.map(String))];
const map = this.citeMap || {};
return uniq.sort((a, b) => {
const na = map[a];
const nb = map[b];
const ha = na != null && na !== '';
const hb = nb != null && nb !== '';
if (ha && hb) return Number(na) - Number(nb);
if (ha) return -1;
if (hb) return 1;
return String(a).localeCompare(String(b));
});
},
renderAutociteInEditor(ed) { renderAutociteInEditor(ed) {
const body = ed.getBody(); const body = ed.getBody();
if (!body) return; if (!body) return;
const autocites = body.querySelectorAll('autocite'); const allAutocites = Array.from(body.querySelectorAll('autocite'));
if (!allAutocites.length) return;
const refs = Array.isArray(this.chanFerForm) ? this.chanFerForm : []; const refs = Array.isArray(this.chanFerForm) ? this.chanFerForm : [];
const refMap = {}; const refMap = {};
refs.forEach((item) => { refs.forEach((item) => {
@@ -194,41 +238,65 @@ export default {
if (key) refMap[key] = item; if (key) refMap[key] = item;
}); });
autocites.forEach((el) => { allAutocites.forEach((el) => {
ed.dom.setAttrib(el, 'contenteditable', 'false'); ed.dom.setAttrib(el, 'contenteditable', 'false');
const dataId = el.getAttribute('data-id'); el.style.display = '';
const num = this.citeMap[String(dataId)]; const ids = this.parseAutociteDataIds(el.getAttribute('data-id'));
el.textContent = num != null ? `[${num}]` : '[?]'; const sortedIds = this.sortAutociteIdsByCiteNumber(ids);
const nums = sortedIds.map((id) => this.citeMap[String(id)]).filter((n) => n != null);
const label = nums.length > 0 ? this.formatCiteNumbers(nums) : '?';
const ref = refMap[String(dataId)]; const lines = sortedIds.map((id) => {
if (ref) { const no = this.citeMap[String(id)] != null ? this.citeMap[String(id)] : '?';
const content = ref.refer_frag || [ref.author, ref.title, ref.joura, ref.dateno].filter(Boolean).join(' ').trim() || ''; const ref = refMap[String(id)];
const doi = ref.doilink || ref.isbn || ref.doi || ''; if (!ref) return this.$t('wordCite.notFoundById', { id: no === '?' ? id : no });
const tip = `[${num || '?'}] ${content}${doi ? '\nDOI: ' + doi : ''}`; const content = ref.refer_frag || [ref.author, ref.title, ref.joura, ref.dateno].filter(Boolean).join(' ').trim() || '[?]';
ed.dom.setAttrib(el, 'title', tip); const doi = ref.doilink || ref.isbn || ref.doi || '[?]';
} else { return `[${no}] ${content}\nDOI: ${doi}`;
ed.dom.setAttrib(el, 'title', this.$t('wordCite.notFoundById', { id: num != null ? num : dataId })); });
el.textContent = `[${label}]`;
ed.dom.setAttrib(el, 'title', lines.join('\n'));
});
this.padAutociteCaretPlaceholder(ed);
},
/** 段尾不可编辑节点后浏览器/TinyMCE 容易把后续输入新开 <p>，在引用后补零宽空格让光标留在同一段 */
padAutociteCaretPlaceholder(ed) {
const doc = ed.getDoc();
const body = doc.body;
if (!body) return;
body.querySelectorAll('autocite').forEach((el) => {
const next = el.nextSibling;
if (next === null) {
el.parentNode.appendChild(doc.createTextNode('\u200b'));
return;
}
if (next.nodeType === 3) {
if (next.textContent === '\u200b') return;
if (next.textContent === '') {
next.textContent = '\u200b';
}
} }
}); });
}, },
insertAutocite(refId) { insertAutocite(refIds) {
const ed = this.editorInstance; const ed = this.editorInstance;
if (!ed) return; if (!ed) return;
const ids = (Array.isArray(refIds) ? refIds : [refIds]).map(String);
const dataId = ids.join(',');
const escaped = dataId.replace(/"/g, '&quot;');
if (this._editingAutocite) { if (this._editingAutocite) {
this._editingAutocite.setAttribute('data-id', refId); this._editingAutocite.setAttribute('data-id', dataId);
const num = this.citeMap[String(refId)];
this._editingAutocite.textContent = num != null ? `[${num}]` : '[?]';
this._editingAutocite = null; this._editingAutocite = null;
ed.fire('change'); ed.fire('change');
} else { } else {
if (this._refBookmark) { if (this._refBookmark) {
ed.selection.moveToBookmark(this._refBookmark); ed.selection.moveToBookmark(this._refBookmark);
} }
const num = this.citeMap[String(refId)]; ed.insertContent(`<autocite data-id="${escaped}" contenteditable="false"></autocite>&#8203;`);
const label = num != null ? `[${num}]` : '[?]';
const html = `<autocite data-id="${refId}" contenteditable="false">${label}</autocite>`;
ed.insertContent(html);
} }
this.renderAutociteInEditor(ed);
}, },
removeAutocite() { removeAutocite() {
const ed = this.editorInstance; const ed = this.editorInstance;
@@ -237,10 +305,45 @@ export default {
this._editingAutocite = null; this._editingAutocite = null;
ed.fire('change'); ed.fire('change');
}, },
/**
* 从当前编辑的 autocite 中去掉指定 p_refer_id；去掉后无 id 则删除整段标签。
* ids 为空：删除整段（与 removeAutocite 一致）。
*/
stripAutociteIds(idsToRemove) {
const ed = this.editorInstance;
if (!ed || !this._editingAutocite) return;
const remove = new Set((idsToRemove || []).map((id) => String(id)));
const el = this._editingAutocite;
this._editingAutocite = null;
if (remove.size === 0) {
ed.dom.remove(el);
ed.fire('change');
return;
}
const parts = this.parseAutociteDataIds(el.getAttribute('data-id') || '');
const remaining = parts.filter((id) => !remove.has(String(id)));
if (remaining.length === 0) {
ed.dom.remove(el);
} else {
const sorted = this.sortAutociteIdsByCiteNumber(remaining);
el.setAttribute('data-id', sorted.join(','));
this.renderAutociteInEditor(ed);
}
ed.fire('change');
},
/** TinyMCE 会剔除「空」的行内标签；空 autocite 必须在入编辑器前占位，否则合并引用 [1–3] 等整段消失 */
normalizeAutociteHtmlForEditor(html) {
if (!html || typeof html !== 'string') return html;
let out = html.replace(/<autocite([^>]*)>\s*<\/autocite>/gi, '<autocite$1>&#8203;</autocite>');
// 与 getSafeContent 标签边界逻辑一致：autocite 左右水平空白改为 &nbsp;，不换行符（避免吃掉段间 \n）
out = out.replace(/[^\S\r\n]+(?=<autocite\b)/gi, '&nbsp;');
out = out.replace(/(?<=<\/autocite>)[^\S\r\n]+/gi, '&nbsp;');
return out;
},
handleSetContent(val) { handleSetContent(val) {
if (!this.editorInstance) return; if (!this.editorInstance) return;
let finalContent = val || ''; let finalContent = this.normalizeAutociteHtmlForEditor(val || '');
// 你的业务逻辑：自动包裹 <p> 标签 // 你的业务逻辑：自动包裹 <p> 标签
if (!finalContent.includes('wordTableHtml') && !finalContent.startsWith('<p>')) { if (!finalContent.includes('wordTableHtml') && !finalContent.startsWith('<p>')) {
finalContent = '<p>' + finalContent + '</p>'; finalContent = '<p>' + finalContent + '</p>';
@@ -394,7 +497,10 @@ export default {
}, },
getDetail(val) { getDetail(val) {
if (this.hasInit == true) { if (this.hasInit == true) {
this.$nextTick(() => window.tinymce.get(this.tinymceId).setContent(val)); this.$nextTick(() => {
const ed = window.tinymce.get(this.tinymceId);
if (ed) ed.setContent(this.normalizeAutociteHtmlForEditor(val || ''));
});
} }
}, },
//将字符串添加到富文本编辑器中 //将字符串添加到富文本编辑器中
@@ -505,7 +611,7 @@ export default {
return new Blob([u8arr], { type: mime }); return new Blob([u8arr], { type: mime });
}, },
formatHtml(val) { formatHtml(val) {
const rawValue = val || ''; // 处理 null const rawValue = this.normalizeAutociteHtmlForEditor(val || ''); // 须先于 cleanEmptyTags，否则空 autocite 被删
const cleanEmptyTags = /<([a-zA-Z1-6]+)\b[^>]*><\/\1>/g; const cleanEmptyTags = /<([a-zA-Z1-6]+)\b[^>]*><\/\1>/g;
const replaceSpaces = /\s+(?=<)|(?<=>)\s+/g; const replaceSpaces = /\s+(?=<)|(?<=>)\s+/g;
const removeBr = /<br\s*\/?>/gi; // 移除所有 br 标签 const removeBr = /<br\s*\/?>/gi; // 移除所有 br 标签
@@ -530,7 +636,7 @@ export default {
} }
}, },
getSafeContent(val) { getSafeContent(val) {
const rawValue = val || ''; const rawValue = this.normalizeAutociteHtmlForEditor(val || '');
const cleanEmptyTags = /<([a-zA-Z1-6]+)\b[^>]*><\/\1>/g; const cleanEmptyTags = /<([a-zA-Z1-6]+)\b[^>]*><\/\1>/g;
const replaceSpaces = /\s+(?=<)|(?<=>)\s+/g; const replaceSpaces = /\s+(?=<)|(?<=>)\s+/g;
@@ -572,7 +678,8 @@ export default {
..._this.tinymceOtherInit, ..._this.tinymceOtherInit,
trim_span_elements: false, // 禁止修剪内联标签周围的空格 trim_span_elements: false, // 禁止修剪内联标签周围的空格
extended_valid_elements: 'blue[*],autocite[*]', extended_valid_elements: 'blue[*],autocite[*]',
custom_elements: 'blue,autocite', /* ~ 前缀：按行内（类似 span）处理，否则默认当块级会拆段导致引用后强制换行 */
custom_elements: 'blue,~autocite',
valid_children: '+blue[#text|i|em|b|strong|span],+body[blue|autocite],+p[blue|autocite]', valid_children: '+blue[#text|i|em|b|strong|span],+body[blue|autocite],+p[blue|autocite]',
inline: false, // 使用 iframe 模式 inline: false, // 使用 iframe 模式
@@ -615,16 +722,19 @@ export default {
font-weight: bold !important; font-weight: bold !important;
} }
/* inline 与 blue 引用一致，避免 inline-block 在行尾产生多余换行感 */
autocite { autocite {
display: inline-block; display: inline;
vertical-align: baseline;
color: rgb(0, 130, 170); color: rgb(0, 130, 170);
font-weight: bold; // font-weight: bold;
cursor: pointer; cursor: pointer;
padding: 0 2px; padding: 0 2px;
border-radius: 3px; border-radius: 3px;
background-color: rgba(0, 130, 170, 0.08); background-color: rgba(0, 130, 170, 0.08);
user-select: all; user-select: all;
font-size: 12px; font-size: 12px;
white-space: nowrap;
} }
autocite:hover { autocite:hover {
background-color: rgba(0, 130, 170, 0.2); background-color: rgba(0, 130, 170, 0.2);
@@ -649,7 +759,23 @@ export default {
}, },
body_class: 'panel-body ', body_class: 'panel-body ',
object_resizing: false, object_resizing: false,
toolbar: this.toolbar.length > 0 ? this.toolbar : toolbar, toolbar: (function () {
const tb = _this.toolbar;
const hasCustom =
(Array.isArray(tb) && tb.length > 0) ||
(typeof tb === 'string' && tb.length > 0);
/* 与 content.vue 默认一致，且含 insertRef；避免未传 toolbar 时引用到未定义的变量 */
const defaultToolbar = [
'bold italic |customBlue removeBlue|LateX insertRef| myuppercase myuppercasea Line MoreSymbols|subscript superscript|clearButton|searchreplace'
];
if (!hasCustom) return defaultToolbar;
const rows = Array.isArray(tb) ? tb : [tb];
return rows.map((row) =>
typeof row === 'string' && row.indexOf('insertRef') === -1
? row.replace(/\|LateX\|/g, '|LateX insertRef|').replace(/\|\s*LateX\s*\|/g, '| LateX insertRef |')
: row
);
})(),
menubar: false, // 启用菜单栏并保持必要的项目 menubar: false, // 启用菜单栏并保持必要的项目
statusbar: false, // 关闭底部状态栏 statusbar: false, // 关闭底部状态栏
custom_colors: false, custom_colors: false,
@@ -721,19 +847,29 @@ export default {
text: 'Ref', text: 'Ref',
tooltip: 'Insert Reference', tooltip: 'Insert Reference',
onAction: function () { onAction: function () {
const refs = Array.isArray(_this.chanFerForm) ? _this.chanFerForm : [];
if (refs.length === 0) {
_this.$message.warning(_this.$t('wordCite.noRefs'));
return;
}
_this._refBookmark = ed.selection.getBookmark(2); _this._refBookmark = ed.selection.getBookmark(2);
_this._editingAutocite = null; _this._editingAutocite = null;
_this.$emit('openRefSelector', { currentRefId: null }); _this.$emit('openRefSelector', { currentRefIds: [] });
} }
}); });
ed.on('click', function (e) { ed.on('click', function (e) {
const autociteEl = e.target.closest('autocite'); const autociteEl = e.target.closest('autocite');
if (autociteEl) { if (autociteEl) {
const dataId = autociteEl.getAttribute('data-id'); const refs = Array.isArray(_this.chanFerForm) ? _this.chanFerForm : [];
if (refs.length === 0) {
_this.$message.warning(_this.$t('wordCite.noRefs'));
return;
}
const dataIds = _this.parseAutociteDataIds(autociteEl.getAttribute('data-id'));
_this._refBookmark = ed.selection.getBookmark(2); _this._refBookmark = ed.selection.getBookmark(2);
_this._editingAutocite = autociteEl; _this._editingAutocite = autociteEl;
_this.$emit('openRefSelector', { currentRefId: dataId }); _this.$emit('openRefSelector', { currentRefIds: dataIds });
return; return;
} }
@@ -909,7 +1045,12 @@ export default {
ed.on('GetContent', function (e) { ed.on('GetContent', function (e) {
e.content = e.content.replace(/<b>/g, '<strong>').replace(/<\/b>/g, '</strong>'); e.content = e.content.replace(/<b>/g, '<strong>').replace(/<\/b>/g, '</strong>');
e.content = e.content.replace(/<i>/g, '<em>').replace(/<\/em>/g, '</em>'); e.content = e.content.replace(/<i>/g, '<em>').replace(/<\/em>/g, '</em>');
e.content = e.content.replace(/<autocite([^>]*)>[^<]*<\/autocite>/gi, '<autocite$1></autocite>'); e.content = e.content.replace(/<\/autocite>\s*&#8203;/gi, '</autocite>');
e.content = e.content.replace(/<\/autocite>\s*\u200b/g, '</autocite>');
e.content = e.content.replace(/<autocite([^>]*)>[^<]*<\/autocite>/gi, function (match, attrs) {
var clean = attrs.replace(/\s*style="[^"]*"/gi, '').replace(/\s*title="[^"]*"/gi, '').replace(/\s*contenteditable="[^"]*"/gi, '');
return '<autocite' + clean + '></autocite>';
});
}); });
}, },
paste_preprocess: function (plugin, args) { paste_preprocess: function (plugin, args) {
@@ -1075,7 +1216,8 @@ export default {
}, },
//设置内容 //设置内容
setContent(value) { setContent(value) {
window.tinymce.get(this.tinymceId).setContent(value); const ed = window.tinymce.get(this.tinymceId);
if (ed) ed.setContent(this.normalizeAutociteHtmlForEditor(value || ''));
}, },
//获取内容 //获取内容
async getContent(type) { async getContent(type) {

17
src/components/page/components/table/content.vue
View File

@@ -44,8 +44,8 @@ export default {
}, },
computed: { computed: {
toolbarConfig() { toolbarConfig() {
const hasRefs = Array.isArray(this.chanFerForm) && this.chanFerForm.length > 0; // Ref 必须始终出现在配置里：TinyMCE 只在 init 时读一次 toolbar，若首屏 chanFerForm 为空则按钮会永久缺失
const refBtn = hasRefs ? ' insertRef' : ''; const refBtn = ' insertRef';
if (!this.isAutomaticUpdate) { if (!this.isAutomaticUpdate) {
return [`bold italic |customBlue removeBlue|LateX${refBtn}| myuppercase myuppercasea Line MoreSymbols|subscript superscript|clearButton|searchreplace`]; return [`bold italic |customBlue removeBlue|LateX${refBtn}| myuppercase myuppercasea Line MoreSymbols|subscript superscript|clearButton|searchreplace`];
} }
@@ -107,6 +107,19 @@ export default {
}, },
removeAutocite() { removeAutocite() {
this.$refs.tinymceChild1.removeAutocite(); this.$refs.tinymceChild1.removeAutocite();
},
/** 从当前 autocite 的 data-id 中移除指定 id；无剩余则删标签；未选 id 时删整段 */
stripAutociteIds(ids) {
if (this.$refs.tinymceChild1 && typeof this.$refs.tinymceChild1.stripAutociteIds === 'function') {
this.$refs.tinymceChild1.stripAutociteIds(ids);
}
},
/** 参考文献异步到达后刷新编辑器内 autocite 数字（供父组件在打开弹窗 / fetch 完成后调用） */
refreshAutociteDisplay() {
const t = this.$refs.tinymceChild1;
if (t && typeof t.renderAutociteInEditor === 'function' && t.editorInstance) {
t.renderAutociteInEditor(t.editorInstance);
}
} }
} }
}; };

252
src/components/page/components/table/word.vue
View File

@@ -963,7 +963,12 @@
</div> </div>
<!-- 操作按钮 --> <!-- 操作按钮 -->
<div v-if="isMenuVisible || bubbleVisible" class="wps-two-layer-bar selection-bubble no-select" :style="bubbleStyle"> <div
v-if="isMenuVisible || bubbleVisible"
class="wps-two-layer-bar selection-bubble no-select"
:style="bubbleStyle"
@click.stop
>
<div class="bar-row" v-if="currentData"> <div class="bar-row" v-if="currentData">
<div v-if="currentData.type == 0" class="h-group"> <div v-if="currentData.type == 0" class="h-group">
<span :class="['h-item', { active: currentData.is_h1 == 1 }]" @click="changeTitle(currentData.is_h1 ? 0 : 1)">H1</span> <span :class="['h-item', { active: currentData.is_h1 == 1 }]" @click="changeTitle(currentData.is_h1 ? 0 : 1)">H1</span>
@@ -977,9 +982,21 @@
<div v-if="isEditComment" class="menu-item comment-feat" @mousedown="cacheSelection" @click="menuAction('comment')"> <div v-if="isEditComment" class="menu-item comment-feat" @mousedown="cacheSelection" @click="menuAction('comment')">
<i class="el-icon-chat-line-square"></i><span>{{ $t('commonTable.Annotations') }}</span> <i class="el-icon-chat-line-square"></i><span>{{ $t('commonTable.Annotations') }}</span>
</div> </div>
<div class="row-divider" v-if="isEditComment && currentData.type == 0"></div> <div class="row-divider" v-if="currentData.type == 0 && (isEditComment || manuscriptAutociteContext)"></div>
<div class="menu-item menu-link" v-if="currentData.type == 0 && !['figure', 'table'].includes(currentTag)" @click="menuAction('link')"> <template v-if="manuscriptAutociteContext && currentData && currentData.type == 0">
<div class="menu-item menu-autocite-ref" @click.stop="menuAction('editRefCite')">
<i class="el-icon-edit-outline"></i><span>{{ $t('wordCite.modifyRef') }}</span>
</div>
<div class="menu-item menu-autocite-ref" @click.stop="menuAction('removeRefCite')">
<i class="el-icon-remove-outline"></i><span>{{ $t('wordCite.removeRefTag') }}</span>
</div>
</template>
<div
class="menu-item menu-link"
v-if="currentData.type == 0 && !['figure', 'table'].includes(currentTag) && !manuscriptAutociteContext"
@click="menuAction('link')"
>
<i class="el-icon-link"></i><span>{{ $t('commonTable.Association') }}</span> <i class="el-icon-link"></i><span>{{ $t('commonTable.Association') }}</span>
</div> </div>
<div class="menu-item menu-link menu-jump" v-if="currentData.type == 0 && ['figure', 'table'].includes(currentTag)" @click="menuAction('jump')"> <div class="menu-item menu-link menu-jump" v-if="currentData.type == 0 && ['figure', 'table'].includes(currentTag)" @click="menuAction('jump')">
@@ -1163,6 +1180,8 @@ export default {
editorsInitialized: {}, // 用于存储每个编辑器实例 editorsInitialized: {}, // 用于存储每个编辑器实例
mediaUrl: mediaUrl, // mediaUrl: mediaUrl, //
lastTag: null, lastTag: null,
/** 稿面点击 <autocite> 时记录，用于浮动条「修改引用 / 移除引用」 */
manuscriptAutociteContext: null,
isEditComment: false, isEditComment: false,
isUserEditComment: false, isUserEditComment: false,
typesettingType: 1, typesettingType: 1,
@@ -1262,9 +1281,9 @@ export default {
}); });
if (Object.keys(mapFromRefs).length > 0) return mapFromRefs; if (Object.keys(mapFromRefs).length > 0) return mapFromRefs;
// 2) 兜底：按正文首次出现顺序编号 // 2) 兜底：按正文首次出现顺序编号（支持 data-id 含多个逗号分隔 id）
const order = []; const order = [];
const re = /<autocite\s+data-id="(\d+)"/gi; const re = /<autocite\s+data-id="([^"]+)"/gi;
const paragraphs = const paragraphs =
Array.isArray(this.wordList) && this.wordList.length > 0 Array.isArray(this.wordList) && this.wordList.length > 0
? this.wordList ? this.wordList
@@ -1280,7 +1299,10 @@ export default {
re.lastIndex = 0; re.lastIndex = 0;
let m; let m;
while ((m = re.exec(raw)) !== null) { while ((m = re.exec(raw)) !== null) {
if (!order.includes(m[1])) order.push(m[1]); m[1].split(',').forEach((part) => {
const id = part.trim();
if (id && !order.includes(id)) order.push(id);
});
} }
}); });
}); });
@@ -1401,7 +1423,7 @@ export default {
this.editors = {}; this.editors = {};
}, },
methods: { methods: {
// 1. 引用序号合并算法 (1,2,3 -> 1-3) // 1. 引用序号合并：两项连续 1, 2；三项及以上连续 1-3（与富文本 autocite data-id 多 id 一致）
formatCiteNumbers(nums) { formatCiteNumbers(nums) {
if (!nums || !nums.length) return ""; if (!nums || !nums.length) return "";
const sorted = [...new Set(nums)].sort((a, b) => a - b); const sorted = [...new Set(nums)].sort((a, b) => a - b);
@@ -1411,7 +1433,7 @@ formatCiteNumbers(nums) {
let j = i; let j = i;
while (j < sorted.length - 1 && sorted[j + 1] === sorted[j] + 1) j++; while (j < sorted.length - 1 && sorted[j + 1] === sorted[j] + 1) j++;
if (j - i >= 2) { if (j - i >= 2) {
result.push(`${sorted[i]}-${sorted[j]}`); result.push(`${sorted[i]}–${sorted[j]}`);
} else { } else {
for (let k = i; k <= j; k++) result.push(sorted[k]); for (let k = i; k <= j; k++) result.push(sorted[k]);
} }
@@ -1420,12 +1442,35 @@ formatCiteNumbers(nums) {
return result.join(', '); return result.join(', ');
}, },
// 2. 最终引用标签渲染器 (将 autocite 转换为 [n]) /** 合并引用 tooltip / title 行按正文序号排列，与 [2–4, 6] 标签一致 */
sortAutociteIdsByCiteNumber(ids) {
const uniq = [...new Set(ids)];
const map = this.citeMap || {};
return uniq.sort((a, b) => {
const na = map[a];
const nb = map[b];
const ha = na != null && na !== '';
const hb = nb != null && nb !== '';
if (ha && hb) return Number(na) - Number(nb);
if (ha) return -1;
if (hb) return 1;
return String(a).localeCompare(String(b));
});
},
// 2. 最终引用标签渲染器 (将 autocite 转换为 [n])；支持 data-id="a,b,c" 单标签 或 多个相邻单 id 标签（旧数据）
renderCiteLabels(html) { renderCiteLabels(html) {
// 匹配连续的引用标签 const citeGroupRe = /(?:<autocite\s+data-id="([^"]+)"\s*><\/autocite>\s*)+/gi;
const citeGroupRe = /(<autocite\s+data-id="(\d+)"\s*><\/autocite>\s*)+/gi;
return html.replace(citeGroupRe, (groupMatch) => { return html.replace(citeGroupRe, (groupMatch) => {
const ids = [...groupMatch.matchAll(/data-id="(\d+)"/gi)].map((m) => String(m[1])); const ids = [];
const innerRe = /<autocite\s+data-id="([^"]+)"\s*><\/autocite>/gi;
let m;
while ((m = innerRe.exec(groupMatch)) !== null) {
m[1].split(',').forEach((part) => {
const id = part.trim();
if (id) ids.push(id);
});
}
const refList = Array.isArray(this.chanFerForm) ? this.chanFerForm : []; const refList = Array.isArray(this.chanFerForm) ? this.chanFerForm : [];
const refMap = refList.reduce((acc, item) => { const refMap = refList.reduce((acc, item) => {
const key = item && item.p_refer_id != null ? String(item.p_refer_id) : ''; const key = item && item.p_refer_id != null ? String(item.p_refer_id) : '';
@@ -1433,10 +1478,11 @@ renderCiteLabels(html) {
return acc; return acc;
}, {}); }, {});
const nums = ids.map((id) => this.citeMap && this.citeMap[id]).filter((n) => n != null); const sortedIds = this.sortAutociteIdsByCiteNumber(ids);
const nums = sortedIds.map((id) => this.citeMap && this.citeMap[id]).filter((n) => n != null);
const label = nums.length > 0 ? this.formatCiteNumbers(nums) : '?'; const label = nums.length > 0 ? this.formatCiteNumbers(nums) : '?';
const lines = ids.map((id) => { const lines = sortedIds.map((id) => {
const no = this.citeMap && this.citeMap[id] != null ? this.citeMap[id] : '?'; const no = this.citeMap && this.citeMap[id] != null ? this.citeMap[id] : '?';
const ref = refMap[id]; const ref = refMap[id];
if (!ref) { if (!ref) {
@@ -1451,7 +1497,14 @@ renderCiteLabels(html) {
return `[${no}] ${content}&#10;DOI: ${doi}`; return `[${no}] ${content}&#10;DOI: ${doi}`;
}); });
return `<blue title="${lines.join('&#10;')}">[${label}]<span style="display:none">${groupMatch}</span></blue>`; const escAttr = (s) =>
String(s || '')
.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;')
.replace(/</g, '&lt;');
const dataIdAttr = escAttr(sortedIds.join(','));
const titleAttr = escAttr(lines.join('\n'));
return `<autocite data-id="${dataIdAttr}" title="${titleAttr}">[${label}]</autocite>`;
}); });
}, },
getInvolvedPMain(range) { getInvolvedPMain(range) {
@@ -1578,6 +1631,7 @@ renderCiteLabels(html) {
if(this.isPreview)return; if(this.isPreview)return;
// 如果点在气泡内，不关 // 如果点在气泡内，不关
if (e.target.closest('.bubble-container')) return; if (e.target.closest('.bubble-container')) return;
if (e.target.closest('.selection-bubble')) return;
const selection = window.getSelection(); const selection = window.getSelection();
const hasSelection = selection && selection.toString().trim() !== ''; const hasSelection = selection && selection.toString().trim() !== '';
@@ -1590,6 +1644,7 @@ renderCiteLabels(html) {
this.currentData = {}; this.currentData = {};
this.currentId = ''; this.currentId = '';
this.manuscriptAutociteContext = null;
this.clearActiveGlow(); // 清除高亮 this.clearActiveGlow(); // 清除高亮
} }
@@ -2038,6 +2093,132 @@ renderCiteLabels(html) {
this.isMenuVisible = false; this.isMenuVisible = false;
}, },
escapeHtmlAttr(val) {
return String(val == null ? '' : val).replace(/&/g, '&amp;').replace(/"/g, '&quot;');
},
/** 同一组 data-id 不同顺序视为相同，便于稿面排序后与存储正文对齐 */
normalizeAutociteDataIdKey(str) {
const parts = String(str || '')
.split(',')
.map((s) => s.trim())
.filter(Boolean);
parts.sort((a, b) => {
const na = Number(a);
const nb = Number(b);
if (!isNaN(na) && !isNaN(nb)) return na - nb;
return String(a).localeCompare(String(b));
});
return parts.join(',');
},
/** 按 data-id 替换第一段匹配的 <autocite>；兼容稿面已排序、正文存储未排序的情况 */
replaceFirstAutociteByDataId(html, dataId, replacement) {
if (!html || typeof html !== 'string' || dataId == null || dataId === '') return html;
const esc = String(dataId).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
const reExact = new RegExp(`<autocite\\s[^>]*\\bdata-id="${esc}"[^>]*>[\\s\\S]*?<\\/autocite>`, 'i');
let out = html.replace(reExact, replacement);
if (out !== html) return out;
const keyWant = this.normalizeAutociteDataIdKey(dataId);
if (!keyWant) return html;
const _this = this;
let done = false;
return html.replace(/<autocite\s([^>]*)>([\s\S]*?)<\/autocite>/gi, function (full, attrs) {
if (done) return full;
const dm = attrs.match(/\bdata-id\s*=\s*"([^"]*)"/i) || attrs.match(/\bdata-id\s*=\s*'([^']*)'/i);
if (!dm) return full;
if (_this.normalizeAutociteDataIdKey(dm[1]) !== keyWant) return full;
done = true;
return replacement;
});
},
openManuscriptRefSelector() {
const ctx = this.manuscriptAutociteContext;
if (!ctx || !ctx.dataId) return;
const refs = Array.isArray(this.chanFerForm) ? this.chanFerForm : [];
if (refs.length === 0) {
this.$message.warning(this.$t('wordCite.noRefs'));
return;
}
const parts = String(ctx.dataId)
.split(',')
.map((s) => s.trim())
.filter(Boolean);
this.$emit('openRefSelector', { currentRefIds: parts, source: 'manuscript' });
},
applyManuscriptAutocite(refIds) {
const ctx = this.manuscriptAutociteContext;
if (!ctx || !ctx.am_id) return;
const item = this.wordList.find((w) => w.am_id == ctx.am_id);
if (!item || typeof item.content !== 'string') return;
const ids = (Array.isArray(refIds) ? refIds : [refIds]).map(String);
const dataId = ids.join(',');
const newTag = `<autocite data-id="${this.escapeHtmlAttr(dataId)}"></autocite>`;
const newContent = this.replaceFirstAutociteByDataId(item.content, ctx.dataId, newTag);
if (newContent === item.content) {
this.$message.warning(this.$t('wordCite.citeUpdateFail'));
return;
}
this.$set(item, 'content', newContent);
if (item.text !== undefined) this.$set(item, 'text', newContent);
this.manuscriptAutociteContext = null;
this.$emit('saveContent', newContent, ctx.am_id);
},
removeManuscriptAutocite() {
this.stripManuscriptAutociteIds([]);
},
/**
* 从稿面当前 autocite 的 data-id 中移除给定 id；移除后无 id 则删掉整段标签。
* ids 为空：删除整段引用（稿面「移除引用」浮动按钮）。
*/
stripManuscriptAutociteIds(idsToRemove) {
const ctx = this.manuscriptAutociteContext;
if (!ctx || !ctx.am_id) return;
const item = this.wordList.find((w) => w.am_id == ctx.am_id);
if (!item || typeof item.content !== 'string') return;
const removeSet = new Set((idsToRemove || []).map((id) => String(id)));
if (removeSet.size === 0) {
const newContent = this.replaceFirstAutociteByDataId(item.content, ctx.dataId, '');
if (newContent === item.content) {
this.$message.warning(this.$t('wordCite.citeUpdateFail'));
return;
}
this.$set(item, 'content', newContent);
if (item.text !== undefined) this.$set(item, 'text', newContent);
this.manuscriptAutociteContext = null;
this.$emit('saveContent', newContent, ctx.am_id);
return;
}
const keyWant = this.normalizeAutociteDataIdKey(ctx.dataId);
const _this = this;
let done = false;
const newHtml = item.content.replace(/<autocite\s([^>]*)>([\s\S]*?)<\/autocite>/gi, function (full, attrs) {
if (done) return full;
const dm = attrs.match(/\bdata-id\s*=\s*"([^"]*)"/i) || attrs.match(/\bdata-id\s*=\s*'([^']*)'/i);
if (!dm) return full;
if (_this.normalizeAutociteDataIdKey(dm[1]) !== keyWant) return full;
done = true;
const parts = dm[1]
.split(',')
.map((s) => s.trim())
.filter(Boolean);
const remaining = parts.filter((id) => !removeSet.has(String(id)));
if (remaining.length === 0) return '';
const sorted = _this.sortAutociteIdsByCiteNumber(remaining);
const newDataId = sorted.join(',');
return `<autocite data-id="${_this.escapeHtmlAttr(newDataId)}"></autocite>`;
});
if (!done || newHtml === item.content) {
this.$message.warning(this.$t('wordCite.citeUpdateFail'));
return;
}
this.$set(item, 'content', newHtml);
if (item.text !== undefined) this.$set(item, 'text', newHtml);
this.manuscriptAutociteContext = null;
this.$emit('saveContent', newHtml, ctx.am_id);
},
handleAIProofreading() { handleAIProofreading() {
if (this.currentId) { if (this.currentId) {
this.$api this.$api
@@ -2095,6 +2276,12 @@ renderCiteLabels(html) {
case 'delete': case 'delete':
this.onDelete(); this.onDelete();
break; break;
case 'editRefCite':
this.openManuscriptRefSelector();
break;
case 'removeRefCite':
this.removeManuscriptAutocite();
break;
} }
this.closeMenu(); this.closeMenu();
}, },
@@ -2159,7 +2346,7 @@ renderCiteLabels(html) {
let selectedText = tempDiv.innerText.trim().replace(/\s+/g, ' '); let selectedText = tempDiv.innerText.trim().replace(/\s+/g, ' ');
const allowedTags = ['sup', 'sub', 'strong', 'em', 'b', 'i', 'blue', 'tr', 'td']; const allowedTags = ['sup', 'sub', 'strong', 'em', 'b', 'i', 'blue', 'autocite', 'tr', 'td'];
function preserveTags(node) { function preserveTags(node) {
if (node.nodeType === 3) return node.nodeValue; // 文本节点 if (node.nodeType === 3) return node.nodeValue; // 文本节点
if (node.nodeType === 1 && allowedTags.includes(node.nodeName.toLowerCase())) { if (node.nodeType === 1 && allowedTags.includes(node.nodeName.toLowerCase())) {
@@ -2903,6 +3090,14 @@ renderCiteLabels(html) {
} }
this.currentTag = ''; this.currentTag = '';
this.currentTagData = null; // 必须重置，防止带入旧数据 this.currentTagData = null; // 必须重置，防止带入旧数据
this.manuscriptAutociteContext = null;
const clickedAutocite = event.target.closest('autocite');
if (clickedAutocite && !this.isPreview) {
const dataId = clickedAutocite.getAttribute('data-id') || '';
if (dataId) {
this.manuscriptAutociteContext = { am_id: id, dataId };
}
}
const clickedTag = event.target.closest('myfigure, mytable, myh3'); const clickedTag = event.target.closest('myfigure, mytable, myh3');
if (clickedTag) { if (clickedTag) {
this.currentTag = clickedTag.tagName.toLowerCase().replace('my', ''); this.currentTag = clickedTag.tagName.toLowerCase().replace('my', '');
@@ -3046,6 +3241,7 @@ renderCiteLabels(html) {
// 如果你希望滚动时保持高亮，可以不清空这一行 // 如果你希望滚动时保持高亮，可以不清空这一行
this.currentId = ''; this.currentId = '';
this.currentData = {}; this.currentData = {};
this.manuscriptAutociteContext = null;
// 4. 清除浏览器原生的文字选中蓝色区域 // 4. 清除浏览器原生的文字选中蓝色区域
// 这样滚动时就不会有一大片蓝色的选区跟着走，视觉上更干净 // 这样滚动时就不会有一大片蓝色的选区跟着走，视觉上更干净
@@ -4156,6 +4352,18 @@ renderCiteLabels(html) {
.comment-feat { .comment-feat {
color: #f56c6c; color: #f56c6c;
} }
/* 稿面 autocite：与 Association 互斥，品牌色 */
.menu-autocite-ref {
color: #006699 !important;
font-weight: 500;
}
.menu-autocite-ref i {
color: #006699;
}
.menu-autocite-ref:hover {
background-color: rgba(0, 102, 153, 0.08) !important;
color: #006699 !important;
}
.menu-link { .menu-link {
color: #2b81ef; color: #2b81ef;
} }
@@ -4494,6 +4702,18 @@ wmath {
text-shadow: 0 0 3px #09c2fb, 0 0 4px rgba(0, 130, 170, 0.3); text-shadow: 0 0 3px #09c2fb, 0 0 4px rgba(0, 130, 170, 0.3);
} }
/* 正文预览：引用直接用语义标签 autocite（原 blue 包装已移除） */
::v-deep autocite {
display: inline;
vertical-align: baseline;
color: rgb(0, 130, 170) !important;
/* font-weight: bold; */
/* 勿用 cursor:help，浏览器会显示“问号”帮助光标；悬停仍可用原生 title 提示 */
cursor: inherit;
text-decoration: none;
background-color: rgba(0, 130, 170, 0.08);
}
::v-deep myfigure *, ::v-deep myfigure *,
::v-deep mytable * { ::v-deep mytable * {
color: inherit !important; color: inherit !important;

33
src/components/page/crawlTaskMonitor.vue
View File

@@ -123,10 +123,7 @@
/> />
</div> </div>
<div class="btn-group"> <div class="btn-group">
<!-- <el-tooltip content="查看日志" placement="top"> <div class="crawl-once-frame">
<el-button type="text" icon="el-icon-document" @click="handleAction('logs', item)"></el-button>
</el-tooltip> -->
<!-- <el-tooltip content="执行单次抓取" placement="top" > -->
<el-button <el-button
type="text" type="text"
:icon="runOnceLoadingId === item.id ? 'el-icon-loading' : 'el-icon-finished'" :icon="runOnceLoadingId === item.id ? 'el-icon-loading' : 'el-icon-finished'"
@@ -134,16 +131,13 @@
:disabled="runOnceLoadingId === item.id" :disabled="runOnceLoadingId === item.id"
@click="handleRunOnce(item)" @click="handleRunOnce(item)"
>{{ runOnceLoadingId === item.id ? $t('crawlTask.runOnceLoading') : $t('crawlTask.runOnceBtn') }}</el-button> >{{ runOnceLoadingId === item.id ? $t('crawlTask.runOnceLoading') : $t('crawlTask.runOnceBtn') }}</el-button>
<!-- </el-tooltip> --> </div>
<!-- <el-tooltip :content="item.state == 'running' ? '暂停抓取' : '恢复抓取'" placement="top"> -->
<el-button <el-button
type="text" type="text"
:icon="item.state === 'running' ? 'el-icon-video-pause' : 'el-icon-video-play'" :icon="item.state === 'running' ? 'el-icon-video-pause' : 'el-icon-video-play'"
:class="['toggle-btn', item.state === 'running' ? 'op-pause' : 'op-resume']" :class="['toggle-btn', item.state === 'running' ? 'op-pause' : 'op-resume']"
@click="handleToggleTask(item)" @click="handleToggleTask(item)"
>{{ item.state === 'running' ? $t('crawlTask.disabled') : $t('crawlTask.enabled') }}</el-button> >{{ item.state === 'running' ? $t('crawlTask.disabled') : $t('crawlTask.enabled') }}</el-button>
<!-- </el-tooltip> -->
</div> </div>
</div> </div>
</div> </div>
@@ -483,6 +477,29 @@ export default {
.prog-box { flex: 1; } .prog-box { flex: 1; }
.prog-num { font-size: 12px; font-weight: bold; display: block; text-align: right; margin-bottom: 4px; min-width: 56px; } .prog-num { font-size: 12px; font-weight: bold; display: block; text-align: right; margin-bottom: 4px; min-width: 56px; }
.pagination-container { margin-top: 20px; display: flex; justify-content: flex-end; padding: 10px; } .pagination-container { margin-top: 20px; display: flex; justify-content: flex-end; padding: 10px; }
.btn-group {
display: inline-flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
/* 单次抓取按钮单独线框（与右侧启停区分） */
.crawl-once-frame {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border: 1px solid #006699;
border-radius: 6px;
background: #fff;
line-height: 1;
box-sizing: border-box;
}
.crawl-once-frame .op-run-once {
margin-left: 0;
margin-right: 0;
}
.btn-group .el-button.op-pause, .btn-group .el-button.op-pause,
.btn-group .el-button.op-pause i { color: #fc4d4d !important; } .btn-group .el-button.op-pause i { color: #fc4d4d !important; }
.btn-group .el-button.op-resume, .btn-group .el-button.op-resume,

20
src/components/page/editPublicRefTableOnly.vue
View File

@@ -349,7 +349,7 @@ export default {
} }
// 如果连续数字 >= 3 个，使用连字符 '-' // 如果连续数字 >= 3 个，使用连字符 '-'
if (j - i >= 2) { if (j - i >= 2) {
result.push(`${sorted[i]}-${sorted[j]}`); result.push(`${sorted[i]}–${sorted[j]}`);
} else { } else {
// 否则（1个或2个）逐个列出 // 否则（1个或2个）逐个列出
for (let k = i; k <= j; k++) { for (let k = i; k <= j; k++) {
@@ -368,11 +368,19 @@ export default {
let html = this.highlightText2(text, annotations, type, am_id); let html = this.highlightText2(text, annotations, type, am_id);
// 2. 借鉴 EndNote：对处理完批注的 HTML 进行引用联动渲染 // 2. 借鉴 EndNote：对处理完批注的 HTML 进行引用联动渲染
// 正则匹配连续的 autocite 标签（允许中间有空格） // 支持 data-id="a,b,c" 单标签 或 多个相邻单 id 标签
const citeGroupRe = /(<autocite\s+data-id="(\d+)"\s*><\/autocite>\s*)+/gi; const citeGroupRe = /(?:<autocite\s+data-id="([^"]+)"\s*><\/autocite>\s*)+/gi;
return html.replace(citeGroupRe, (groupMatch) => { return html.replace(citeGroupRe, (groupMatch) => {
const ids = [...groupMatch.matchAll(/data-id="(\d+)"/gi)].map((m) => m[1]); const ids = [];
const innerRe = /<autocite\s+data-id="([^"]+)"\s*><\/autocite>/gi;
let m;
while ((m = innerRe.exec(groupMatch)) !== null) {
m[1].split(',').forEach((part) => {
const id = part.trim();
if (id) ids.push(id);
});
}
// 从全局 citeMap 中获取序号（citeMap 是你根据全文顺序生成的 {ID: Index}） // 从全局 citeMap 中获取序号（citeMap 是你根据全文顺序生成的 {ID: Index}）
const nums = ids.map((id) => this.citeMap[id]).filter((n) => n); const nums = ids.map((id) => this.citeMap[id]).filter((n) => n);
@@ -1876,9 +1884,9 @@ export default {
border-radius: 30px; border-radius: 30px;
} }
.text-highlight { .text-highlight {
background-color: rgb(252, 98, 93); /* background-color: rgb(252, 98, 93);
background-color: rgb(252 98 93 / 68%); background-color: rgb(252 98 93 / 68%);
color: #333; color: #333; */
} }
.template-info { .template-info {
margin-top: 20px; margin-top: 20px;