GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 16:56:36 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Fix editor loading

Browse source
This commit is contained in:
Abdo 2024-08-14 17:26:17 +03:00
parent 887aa1c8b7
commit 797f6a02c5
3 changed files with 8 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
ts/editor/base.ts
View file

@ -33,6 +33,7 @@ declare global {
}
import { ModuleName } from "@tslib/i18n";
import { mount } from "svelte";
export const editorModules = [
ModuleName.EDITING,
@ -56,29 +57,17 @@ export { editorToolbar } from "./editor-toolbar";
async function setupBrowserEditor(): Promise<void> {
await setupI18n({ modules: editorModules });
new BrowserEditor({
target: document.body,
props: { uiResolve },
});
mount(BrowserEditor, {target: document.body, props: { uiResolve }});
}
async function setupNoteCreator(): Promise<void> {
await setupI18n({ modules: editorModules });
new NoteCreator({
target: document.body,
props: { uiResolve },
});
mount(NoteCreator, {target: document.body, props: { uiResolve }});
}
async function setupReviewerEditor(): Promise<void> {
await setupI18n({ modules: editorModules });
new ReviewerEditor({
target: document.body,
props: { uiResolve },
});
mount(ReviewerEditor, {target: document.body, props: { uiResolve }});
}
export function setupEditor(mode: "add" | "browse" | "review") {

4
ts/editor/rich-text-input/RichTextInput.svelte
View file

@ -66,7 +66,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import { directionKey, fontFamilyKey, fontSizeKey } from "@tslib/context-keys";
import { promiseWithResolver } from "@tslib/promise";
import { singleCallback } from "@tslib/typing";
import { getAllContexts, getContext, onMount, tick } from "svelte";
import { getAllContexts, getContext, mount, onMount, tick } from "svelte";
import type { Readable } from "svelte/store";
import { placeCaretAfterContent } from "$lib/domlib/place-caret";
@ -164,7 +164,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
(async () => {
await stylesDidLoad;
new ContentEditable({
mount(ContentEditable, {
target: element.shadowRoot!,
props: {
nodes,

4
ts/editor/rich-text-input/RichTextStyles.svelte
View file

@ -7,6 +7,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import type { StyleLinkType, StyleObject } from "./CustomStyles.svelte";
import CustomStyles from "./CustomStyles.svelte";
import { mount } from "svelte";
export let callback: (styles: CustomStyles) => void;
@ -51,11 +52,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
];
function attachToShadow(element: Element) {
const customStyles = new CustomStyles({
const customStyles = mount(CustomStyles, {
target: element.shadowRoot as any,
props: { styles },
});
customStyles.addStyleTag("userBase").then((styleTag) => {
userBaseResolve(styleTag);
callback(customStyles);