scriptoriumadmin/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-08-28 05:27:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2026-07-15 15:13:51 -04:00
parent 285a65ef39
commit 74d976c2f7
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/lib/components/common/RichTextInput.svelte
View file

@ -270,6 +270,13 @@
});
};
const getMentionText = ({ node, suggestion }) => {
const id = node.attrs.id ?? '';
const label = node.attrs.label ?? id;
const char = id.includes('|') ? '$' : (suggestion?.char ?? '@');
return `${char}${label}`;
};
export let onSelectionUpdate = (e) => {};
export let id = '';
@ -455,9 +462,6 @@
if (text === '') {
editor.commands.clearContent();
} else {
// Regex to find serialized mention tags: <@id>, <#id>, <$id|label>
const mentionReG = /<([@#$])([\w.\-:/]+)(?:\|([^>]*))?>/g;
// Convert each line to a <p>, replacing mention tags with proper
// TipTap mention spans that the editor's DOMParser will recognise.
const lines = text.split('\n');
@ -470,10 +474,14 @@
const escaped = line.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
// Now replace the escaped mention patterns back into real spans
const withMentions = escaped.replace(
/&lt;([@#$])([\w.\-:/]+)(?:\|([^&]*?))?&gt;/g,
(_, ch, id, label) => {
const display = label?.length ? label : id;
return `<span class="mention" data-type="mention" data-id="${id}" data-label="${display}" data-mention-suggestion-char="${ch}">${ch}${display}</span>`;
/&lt;([@#$])([\w.\-:/]+)(?:\|([^&]*?))?&gt;|&lt;\/([\w.\-:/]+)\|([^&]*?)&gt;/g,
(_, ch, id, label, slashSkillId, slashSkillLabel) => {
const mentionChar = ch || '$';
const mentionId = id || slashSkillId;
const display = (label || slashSkillLabel)?.length
? label || slashSkillLabel
: mentionId;
return `<span class="mention" data-type="mention" data-id="${mentionId}" data-label="${display}" data-mention-suggestion-char="${mentionChar}">${mentionChar}${display}</span>`;
}
);
return `<p>${withMentions}</p>`;
@ -782,6 +790,12 @@
? [
Mention.configure({
HTMLAttributes: { class: 'mention' },
renderText: getMentionText,
renderHTML: ({ options, node, suggestion }) => [
'span',
options.HTMLAttributes,
getMentionText({ node, suggestion })
],
suggestions: suggestions
})
]