javascript - 葡萄 js。将 Traits Manager 插入 StyleManager

Question

我使用grapes.js编辑器，我想在一列插入StyleManager和特征管理器。这怎么可能？
我的代码：

styleManager: {
    traitsManager: {},
        sectors: [{
            open: true,
            buildProps: ['text-align', 'width', 'height', 'max-width', 'min-height', 'margin', 'font-family', 'font-size', 'font-weight', 
            'letter-spacing', 'color', 'line-height', 'text-decoration', 'font-style','background-color','background'],
            property: 'text-align',
            defaults: 'left',
            properties: [{
                property: 'text-align',
                list: [
                    { value: 'left'},
                    { value: 'center'},
                    { value: 'right'}               
                ]
            }]
    }],
}

Answer 1

是的，可以这样做。

HTML

 <div>
      <div id="selectors-container" />
      <div id="style-manager-container" />
      <div id="traits-container" />
 </div> 

JS

       styleManager: {
          appendTo: document.querySelector('#style-manager-container'),   
        },
        selectorManager: {
          appendTo: document.querySelector('#selectors-container'),
        },
        traitManager: {
          appendTo: document.querySelector('#traits-container'),
        },