world-game/site/plugins/custom-marks/index.js

panel.plugin("custom/marks", {
    icons: {
        pixel: '<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M5.491,21l0,-12.933l2.548,-0l-0,-2.52l2.519,0l0,-2.547l2.856,-0l-0,2.547l2.519,0l0,2.52l2.576,-0l-0,12.933l-2.856,0l0,-5.067l-7.334,0l-0,5.067l-2.828,0Zm2.828,-7.894l7.334,-0l0,-4.759l-2.519,-0l-0,-2.52l-2.296,0l0,2.52l-2.519,-0l-0,4.759Z" style="fill-rule:nonzero;"/></svg>'
    },
    writerMarks: {
        green: {
            button: {
                icon: "brush",
                label: "Vert"
            },
            commands() {
                return () => this.toggle();
            },
            name: "green",
            schema: {
                parseDOM: [{ tag: "span.green" }],
                toDOM: () => ["span", { class: "green" }, 0]
            }
        },
        pixel: {
            button: {
                icon: "pixel",
                label: "Pixel"
            },
            commands() {
                return () => this.toggle();
            },
            name: "pixel",
            schema: {
                parseDOM: [{ tag: "span.pixel" }],
                toDOM: () => ["span", { class: "pixel" }, 0]
            }
        }
    }
});