|
@@ -195,6 +195,16 @@ export const renderTextMenu = (protyle: IProtyle, toolbarElement: Element) => {
|
|
const renderSlashMenu = (protyle: IProtyle, toolbarElement: Element) => {
|
|
const renderSlashMenu = (protyle: IProtyle, toolbarElement: Element) => {
|
|
protyle.hint.splitChar = "/";
|
|
protyle.hint.splitChar = "/";
|
|
protyle.hint.lastIndex = -1;
|
|
protyle.hint.lastIndex = -1;
|
|
|
|
+ let pluginHTML = ""
|
|
|
|
+ protyle.app.plugins.forEach((plugin) => {
|
|
|
|
+ plugin.protyleSlash.forEach(slash => {
|
|
|
|
+ pluginHTML += getSlashItem(`plugin${Constants.ZWSP}${plugin.name}${Constants.ZWSP}${slash.id}`,
|
|
|
|
+ "", slash.html, "true");
|
|
|
|
+ });
|
|
|
|
+ });
|
|
|
|
+ if (pluginHTML) {
|
|
|
|
+ pluginHTML = `<div class="keyboard__slash-title"></div><div class="keyboard__slash-block">${pluginHTML}</div>`
|
|
|
|
+ }
|
|
const utilElement = toolbarElement.querySelector(".keyboard__util") as HTMLElement;
|
|
const utilElement = toolbarElement.querySelector(".keyboard__util") as HTMLElement;
|
|
utilElement.innerHTML = `<div class="keyboard__slash-title"></div>
|
|
utilElement.innerHTML = `<div class="keyboard__slash-title"></div>
|
|
<div class="keyboard__slash-block">
|
|
<div class="keyboard__slash-block">
|
|
@@ -252,7 +262,7 @@ const renderSlashMenu = (protyle: IProtyle, toolbarElement: Element) => {
|
|
${getSlashItem(`style${Constants.ZWSP}color: var(--b3-card-warning-color);background-color: var(--b3-card-warning-background);`, '<div style="color: var(--b3-card-warning-color);background-color: var(--b3-card-warning-background);" class="keyboard__slash-icon">A</div>', window.siyuan.languages.warningStyle, "true")}
|
|
${getSlashItem(`style${Constants.ZWSP}color: var(--b3-card-warning-color);background-color: var(--b3-card-warning-background);`, '<div style="color: var(--b3-card-warning-color);background-color: var(--b3-card-warning-background);" class="keyboard__slash-icon">A</div>', window.siyuan.languages.warningStyle, "true")}
|
|
${getSlashItem(`style${Constants.ZWSP}color: var(--b3-card-error-color);background-color: var(--b3-card-error-background);`, '<div style="color: var(--b3-card-error-color);background-color: var(--b3-card-error-background);" class="keyboard__slash-icon">A</div>', window.siyuan.languages.errorStyle, "true")}
|
|
${getSlashItem(`style${Constants.ZWSP}color: var(--b3-card-error-color);background-color: var(--b3-card-error-background);`, '<div style="color: var(--b3-card-error-color);background-color: var(--b3-card-error-background);" class="keyboard__slash-icon">A</div>', window.siyuan.languages.errorStyle, "true")}
|
|
${getSlashItem(`style${Constants.ZWSP}`, '<div class="keyboard__slash-icon">A</div>', window.siyuan.languages.clearFontStyle, "true")}
|
|
${getSlashItem(`style${Constants.ZWSP}`, '<div class="keyboard__slash-icon">A</div>', window.siyuan.languages.clearFontStyle, "true")}
|
|
-</div>`;
|
|
|
|
|
|
+</div>${pluginHTML}`;
|
|
protyle.hint.bindUploadEvent(protyle, utilElement);
|
|
protyle.hint.bindUploadEvent(protyle, utilElement);
|
|
};
|
|
};
|
|
|
|
|