[QUESTION] Unique ID on block content without inline style

Hi All,

I made a custom block manager element, but when the element is edited, it applies the style to the class, which means all the same elements are also impacted. If I set an inline style to the element, it then applies the style to the custom class / ID.

Without in line style:

Code:

        editor.BlockManager.add('column_1', {
            label: 'Column 1',
            category: 'Basic',
            content: `
                    <div class="row gjs-row">
                        <div class='col-md-12 gjs-column'>
                        </div>
                     </div>`
        });

With inline style:

Code:

        editor.BlockManager.add('column_1', {
            label: 'Column 1',
            category: 'Basic',
            content: `
                    <div class="row gjs-row" ${row_style}>
                        <div class='col-md-12 gjs-column' ${column_style}>
                        </div>
                     </div>`
        });

Is it possible to force the style manager (my be the wrong name) to create the custom ID / Class and then apply the style to that? Instead of amending the noncustom class?

[adamwpe]

@pouyamiralayi

My bad - worked it out, I had some old ‘CssComposer.setRule’ still hanging about!!! (since I had debug enabled on my development pc) That was appending the .row class. (That is embarrassing)

Thanks for the point in the right direction regarding the selector ‘private: false’ - it’s working a treat 😃 - keep uncovering more and more of this amazing project.

Case closed! 😃

[pouyamiralayi]

@adamwpe can you confirm that by deactivating row selector: active:false in the add:selector event, you are still receiving the selector?