0ct0pu5/siyuan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

♻️ https://github.com/siyuan-note/siyuan/pull/11162

Browse source
This commit is contained in:
Vanessa 2024-04-27 16:30:43 +08:00
parent d9dedb5786
commit 2e685ebf17
1 changed files with 5 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/src/protyle/render/abcRender.ts
View file

@ -4,27 +4,23 @@ import {genIconHTML} from "./util";
import {hasClosestByClassName} from "../util/hasClosest";
import {looseJsonParse} from "../../util/functions";
const ABCJS_PARAMS_KEY = "%%params:";
const ABCJS_PARAMS_KEY = "%%params";
// Read the abcjsParams from the content if it exists.
// The params *must* be the first line of the content in the form:
// %%abcjsParams: {JSON}
// %%params JSON
const getAbcParams = (abcString: string): any => {
let params = {
responsive: 'resize',
responsive: "resize",
};
const firstLine = abcString.substring(0, abcString.indexOf("\n"));
if (firstLine.startsWith(ABCJS_PARAMS_KEY)) {
try {
const jsonString = firstLine.substring(ABCJS_PARAMS_KEY.length);
params = { ...params, ...looseJsonParse(jsonString) };
params = looseJsonParse(firstLine.substring(ABCJS_PARAMS_KEY.length));
} catch (e) {
console.error(`Failed to parse ABCJS params: ${e}`);
}
}
return params;
};
@ -52,8 +48,7 @@ export const abcRender = (element: Element, cdn = Constants.PROTYLE_CDN) => {
const renderElement = e.firstElementChild.nextElementSibling as HTMLElement;
renderElement.innerHTML = `<span style="position: absolute;left:0;top:0;width: 1px;">${Constants.ZWSP}</span><div contenteditable="false"></div>`;
const abcString = Lute.UnEscapeHTMLStr(e.getAttribute("data-content"));
const abcjsParams = getAbcParams(abcString)
window.ABCJS.renderAbc(renderElement.lastElementChild, abcString, abcjsParams);
window.ABCJS.renderAbc(renderElement.lastElementChild, abcString, getAbcParams(abcString));
e.setAttribute("data-render", "true");
});
});