Вставка компонента Настройка в диспетчере стилей

Question

Из-за отсутствия документации мне трудно понять, как добавить настройки компонентов (черты) в раздел панели "Диспетчер стилей", как это делается в демонстрационной версии.

Существует ли блок кода, который существует? Я потратил 2 дня, чтобы понять это, но ничего не смог найти

styleManager: {

    sectors: [
       {
        name: "General",
        open: !1,
        buildProps: ["float", "display", "position", "top", "right", "left", "bottom"]
    }, {
        name: "Dimension",
        open: !1,
        buildProps: ["width", "height", "max-width", "min-height", "margin", "padding"]
    },

Я хочу добавить настройки компонента в диспетчере стилей

Answer 1

Вот пример того, как добавить функцию "Вертикальное выравнивание" в менеджер стилей:

var StyleManager = editor.StyleManager;
StyleManager.addProperty("Typography", {
    name: "Vertical Align",
    property: "vertical-align",
    type: "select",
    default: "auto",
    list: [{
            value: "auto",
            name: "auto"
        }, {
            value: "top !important",
            name: "top"
        },
        {
            value: "middle !important",
            name: "middle"
        },
        {
            value: "bottom !important",
            name: "bottom"
        }
    ]
});