evilchili/vtt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix wysiwyg compatibility in widgets

Browse Source
This commit is contained in:
evilchili 2026-01-17 15:05:34 -08:00
parent 705cf9e8ba
commit 39a1b07c07
1 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/ttfrog/themes/default/static/froghat.js
View File

@ -167,8 +167,7 @@ class FroghatPlugin {
WIDGETS = {};
function loadWidget(name, callback) {
var widget = null;
if (Object.values(WIDGETS).indexOf(name) == -1) {
if (Object.keys(WIDGETS).indexOf(name) == -1) {
(async () => {
await FroghatAPIv1.search("Widget", name, (res) => {
if (res.code == 200) {
@ -205,9 +204,7 @@ function loadWidget(name, callback) {
});
})();
} else {
if (callback) {
callback(WIDGETS[name]);
}
return WIDGETS[name];
}
}
@ -219,19 +216,36 @@ class MacroPlugin extends FroghatPlugin {
widget: {
inline: true,
editable: false,
toHTML: (token, node) => {
var widgetName = token.keywords.split(" ")[0];
var contents = '';
loadWidget(widgetName, (widget) => {
var cached = loadWidget(widgetName, (widget) => {
console.log(token, node);
contents = widget.processor(token, widget);
var targets = wiki.element.querySelectorAll(`[data-macro-name="widget"][data-keywords="${token.keywords}"]`);
targets.forEach(widgetElement => {
widgetElement.style = widget.css;
widgetElement.innerHTML = contents;
});
wiki.cachedHTML = wiki.element.innerHTML;
});
return node + "</span>";
}
var ret = node + (cached ? cached.processor(token, cached) : "");
return ret;
},
postprocess: (html) => {
const buf = document.createElement('div');
buf.innerHTML = html;
var targets = buf.querySelectorAll(`[data-macro-name="widget"]`);
targets.forEach(widgetElement => {
var widget = WIDGETS[widgetElement.dataset.keywords.split(" ")[0]];
if (widget) {
widgetElement.style = widget.css;
}
});
return buf.innerHTML;
},
},
style: {
@ -263,9 +277,6 @@ class MacroPlugin extends FroghatPlugin {
toc: {
inline: true,
element: 'aside',
toHTML: (token, node) => {
return node + "</aside>";
},
postprocess: (html) => {
const subList = (depth) => {
var li = document.createElement("li");
@ -477,7 +488,8 @@ class MacroPlugin extends FroghatPlugin {
},
postprocess: (html) => {
plugin.getTokens(plugin.pattern, html).forEach(token => {
html = html.replaceAll(token.source, token.rendered);
var pat = new RegExp('(?<!<pre>.+?)' + token.source, 'mg');
html = html.replaceAll(pat, token.rendered);
});
html = html.replaceAll(plugin.endPattern, '</div>');
Object.values(plugin.macros).forEach(macro => {