values

설명

선택 사항. 편집기 필드의 초기 값을 정의합니다

사용법

values: { [key: string]: any };

예제

값으로 편집기 초기화

<script>
    import { Editor, registerEditorItem } from "@svar-ui/svelte-editor";
    import { TextArea, Checkbox } from "@svar-ui/svelte-core";

    registerEditorItem("textarea", TextArea);
    registerEditorItem("checkbox", Checkbox);

    const items = [
        { comp: "text", key: "name", label: "Name" },
        {
            comp: "textarea",
            key: "descr",
            label: "Description"
        },
        { comp: "checkbox", key: "admin", label: "Is Admin" }
    ];

    const values = {
        name: "John Doe",
        descr: "Lorem ipsum dolor sit amet",
        admin: true,
        role: "admin"
    };
</script>

<Editor {items} {values} />

상단 바 추가 및 폼 값 사용

<script>
    import { Editor } from "@svar-ui/svelte-editor";

    const topBar = {
        items: [
            { comp: "label", spacer: true, key: "label" },
            { comp: Switch, key: "state" },
        ],
    };

    const values = {
        label: "Product N1",
        state: false
    };
</script>

<Editor {topBar} {values} />