0

I have added the page builder in my admin form.But when I try to click on the setting icon for the elements it does not work.

 <field name="description" formElement="wysiwyg" sortOrder="90">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="source" xsi:type="string">storelocator</item>
            </item>
        </argument>
        <settings>
            <additionalClasses>
                <class name="admin__field-wide">true</class>
            </additionalClasses>
            <validation>
                <rule name="required-entry" xsi:type="boolean">false</rule>
            </validation>
            <label translate="true">Store View</label>
            <dataScope>description</dataScope>
        </settings>
        <formElements>
            <wysiwyg>
                <settings>
                    <wysiwyg>true</wysiwyg>
                </settings>
            </wysiwyg>
        </formElements>
    </field>

2 Answers 2

2

I know this is a year late, but for anyone who has the same problem:

Add this to the layout xml that's loading the ui component

<update handle="styles"/>
<update handle="editor"/>

That worked for me

0

Try with below code, add wysiwyg config data in component

<field name="description" formElement="wysiwyg" sortOrder="90">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="source" xsi:type="string">storelocator</item>
            <item name="wysiwygConfigData" xsi:type="array">
                <item name="is_pagebuilder_enabled" xsi:type="boolean">false</item>
                <item name="toggle_button" xsi:type="boolean">true</item>
                <item name="height" xsi:type="string">150px</item>
                <item name="add_variables" xsi:type="boolean">true</item>
                <item name="add_widgets" xsi:type="boolean">true</item>
                <item name="add_images" xsi:type="boolean">true</item>
                <item name="add_directives" xsi:type="boolean">true</item>
            </item>
        </item>
    </argument>
    <settings>
        <additionalClasses>
            <class name="admin__field-wide">true</class>
        </additionalClasses>
        <validation>
            <rule name="required-entry" xsi:type="boolean">false</rule>
        </validation>
        <label translate="true">Store View</label>
        <dataScope>description</dataScope>
    </settings>
    <formElements>
        <wysiwyg>
            <settings>
                <wysiwyg>true</wysiwyg>
            </settings>
        </wysiwyg>
    </formElements>
</field>

Thanks!

4

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.