Vanessa 2023-09-28 23:40:44 +08:00
parent 172b7ed018
commit df3f444e48
6 changed files with 85 additions and 89 deletions

View file

@ -6,7 +6,6 @@ export const previewImage = (src: string) => {
addScript(`${Constants.PROTYLE_CDN}/js/viewerjs/viewer.js?v=1.10.4`, "protyleViewerScript").then(() => {
const imagesElement = document.createElement("ul");
imagesElement.innerHTML = `<li><img src="${src}"></li>`;
// @ts-ignore
window.siyuan.viewer = new Viewer(imagesElement, {
title: [1, (image: HTMLImageElement, imageData: IObject) => {
let name = image.alt;
@ -57,8 +56,7 @@ export const previewDocImage = (src: string, id: string) => {
}
});
imagesElement.innerHTML = html;
// @ts-ignore
window.siyuan.viewer = new window.Viewer(imagesElement, {
window.siyuan.viewer = new Viewer(imagesElement, {
title: [1, (image: HTMLImageElement, imageData: IObject) => {
let name = image.alt;
if (!name) {

View file

@ -28,7 +28,7 @@ export const graphvizRender = (element: Element, cdn = Constants.PROTYLE_CDN) =>
const url = window.URL || window.webkitURL;
const blobUrl = url.createObjectURL(blob);
const worker = new Worker(blobUrl);
new window.Viz({worker})
new Viz({worker})
.renderSVGElement(Lute.UnEscapeHTMLStr(e.getAttribute("data-content"))).then((result: HTMLElement) => {
renderElement.innerHTML = result.outerHTML;
renderElement.classList.remove("ft__error");

View file

@ -1146,14 +1146,11 @@ export class Toolbar {
const id = nodeElement.getAttribute("data-node-id");
let oldHtml = nodeElement.outerHTML;
const languages = Array.from(new Set<string>([
...Constants.EXTRA_CODE_LANGUAGES,
...(window.hljs?.listLanguages() ?? []),
])).sort();
const html = [
`<div class="b3-list-item b3-list-item--focus">${window.siyuan.languages.clear}</div>`,
...languages.map(item => `<div class="b3-list-item">${item}</div>`),
].join("\n");
let html = `<div class="b3-list-item b3-list-item--focus">${window.siyuan.languages.clear}</div>`;
const hljsLanguages = Constants.ALIAS_CODE_LANGUAGES.concat(window.hljs?.listLanguages() ?? []).sort();
hljsLanguages.forEach((item) => {
html += `<div class="b3-list-item">${item}</div>`;
});
this.subElement.style.width = "";
this.subElement.style.padding = "";
@ -1196,7 +1193,7 @@ export class Toolbar {
});
inputElement.addEventListener("input", (event) => {
const lowerCaseValue = inputElement.value.toLowerCase();
const matchLanguages = languages.filter(item => item.includes(lowerCaseValue));
const matchLanguages = hljsLanguages.filter(item => item.includes(lowerCaseValue));
let html = "";
// sort
let matchInput = false;