Gsyfuy

Hi i want to add custom category attribute with wysiwyg enable editor i get the code of custom category attribute but not able to find with wysiwyg editor.if anyone is there help me please.

Please follow below steps to create a custom Category attribute and add it as WYSIWYG Editor in Category form.

Step 1 : Create custom attribute through Install or Upgrade Script.

Below is an example of install script.

Namespace/Modulename/Setup/InstallData.php

<?php

namespace VendorNamespaceSetup;



use MagentoFrameworkSetupInstallDataInterface;

use MagentoFrameworkSetupModuleContextInterface;

use MagentoFrameworkSetupModuleDataSetupInterface;

use MagentoCatalogSetupCategorySetupFactory;

use MagentoEavModelEntityAttributeScopedAttributeInterface;



class InstallData implements InstallDataInterface

{



    public function __construct( CategorySetupFactory $categorySetupFactory )

    {

        $this->categorySetupFactory = $categorySetupFactory;

    }

    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)

    {



        $setup->startSetup();



        $categorySetup = $this->categorySetupFactory->create(['setup' => $setup]);



        $categorySetup->addAttribute(

            MagentoCatalogModelCategory::ENTITY, 'category_custom_editor', [

                'type' => 'text',

                'label' => 'Custom Editor',

                'input' => 'textarea',

                'backend' => 'MagentoEavModelEntityAttributeBackendArrayBackend',

                'wysiwyg_enabled' => true,

                'is_html_allowed_on_front' => true,

                'required' => false,

                'sort_order' => 10,

                'global' => ScopedAttributeInterface::SCOPE_STORE

            ]

        );



         $setup->endSetup();



     }

 }

Run php bin/magento setup:upgrade console command to upgrade your data. Now you custom attribute will be created.

Step 2 : Add the Custom attribute in Category Form with WYSIWYG Editor

Namespace/ModuleName/view/adminhtml/ui_component/category_form.xml

<?xml version="1.0" encoding="UTF-8"?>

<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

  xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">

    <fieldset name="content">

        <field name="category_custom_editor" template="ui/form/field" sortOrder="10" formElement="wysiwyg">

            <argument name="data" xsi:type="array">

                <item name="config" xsi:type="array">

                    <item name="wysiwygConfigData" xsi:type="array">

                        <item name="settings" xsi:type="array">

                            <item name="theme_advanced_buttons1" xsi:type="string">bold,italic,|,justifyleft,justifycenter,justifyright,|,fontselect,fontsizeselect,|,forecolor,backcolor,|,link,unlink,image,|,bullist,numlist,|,code</item>

                            <item name="theme_advanced_buttons2" xsi:type="boolean">false</item>

                            <item name="theme_advanced_buttons3" xsi:type="boolean">false</item>

                            <item name="theme_advanced_buttons4" xsi:type="boolean">false</item>

                            <item name="theme_advanced_statusbar_location" xsi:type="boolean">false</item>

                        </item>

                        <item name="height" xsi:type="string">10px</item>

                        <item name="toggle_button" xsi:type="boolean">false</item>

                        <item name="add_variables" xsi:type="boolean">true</item>

                        <item name="add_widgets" xsi:type="boolean">false</item>

                        <item name="add_images" xsi:type="boolean">true</item>

                        <item name="add_directives" xsi:type="boolean">true</item>

                    </item>

                    <item name="source" xsi:type="string">category</item>

                </item>

            </argument>

            <settings>

                <scopeLabel>[STORE VIEW]</scopeLabel>

                <label translate="true">Custom Editor</label>

                <dataScope>category_custom_editor</dataScope>

            </settings>

            <formElements>

                <wysiwyg class="MagentoCatalogUiComponentCategoryFormElementWysiwyg">

                    <settings>

                        <rows>4</rows>

                        <wysiwyg>true</wysiwyg>

                    </settings>

                </wysiwyg>

            </formElements>

        </field>

    </fieldset>

</form>

Clear the cache if you have enabled it. Now you can see you custom editor attribute in Admin Category edit form.