PHPackages                             acid-unit/module-admin - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Admin Panels](/categories/admin)
4. /
5. acid-unit/module-admin

ActiveMagento2-module[Admin Panels](/categories/admin)

acid-unit/module-admin
======================

Admin module for \[🧪Acid Unit\] extensions + useful tweaks and configuration

0.3.0(1y ago)21511OSL-3.0PHPPHP ~8.1.0||~8.2.0||~8.3.0||~8.4.0

Since Jan 12Pushed 1y agoCompare

[ Source](https://github.com/acid-unit/module-admin)[ Packagist](https://packagist.org/packages/acid-unit/module-admin)[ RSS](/packages/acid-unit-module-admin/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (6)Dependencies (7)Versions (7)Used By (1)

About
=====

[](#about)

A **Magento Open Source** extension that enhances the **admin panel experience**with additional tools, tweaks and customization options.

This module:
✅ **Enhances the admin interface** with additional configuration tools.
✅ Improves menu management for better navigation within Acid Unit extensions.
✅ Acts as a dependency for all Acid Unit extensions, ensuring consistent admin functionality.

Quick Installation
------------------

[](#quick-installation)

To install the module, run:

```
composer require acid-unit/module-admin
```

Admin Features Overview
-----------------------

[](#admin-features-overview)

- [Configuration-Based Tweaks](#configuration-based-tweaks)
    - [WYSIWYG for PageBuilder `HTML Code` Element](#wysiwyg-editor-for-pagebuilder--html-code--element)
- [Code-Based Tweaks](#code-based-tweaks)
    - [WYSIWYG for Textarea Fields](#wysiwyg-editor-for-textarea-fields)
    - [Table Field](#table-field)

Configuration-Based Tweaks
--------------------------

[](#configuration-based-tweaks)

[![Configuration-Based Tweaks Overview](https://github.com/acid-unit/docs/raw/main/admin/overview.png?raw=true)](https://github.com/acid-unit/docs/blob/main/admin/overview.png?raw=true)

### WYSIWYG Editor for PageBuilder `HTML Code` Element

[](#wysiwyg-editor-for-pagebuilder-html-code-element)

#### Description

[](#description)

Enabling this option allows users to edit content **visually** instead of dealing with raw HTML, reducing errors and **improving content management efficiency**.

Since the `HTML Code` element is powerful yet complex, this configuration lets **admin users toggle the WYSIWYG editor** inside the element for **quicker editing**.

#### Demo

[](#demo)

[![Pagebuilder Editor Demo](https://github.com/acid-unit/docs/raw/main/admin/wysiwyg-editor/pagebuilder-editor-demo.gif?raw=true)](https://github.com/acid-unit/docs/blob/main/admin/wysiwyg-editor/pagebuilder-editor-demo.gif?raw=true)

Code-Based Tweaks
-----------------

[](#code-based-tweaks)

### WYSIWYG Editor for Textarea Fields

[](#wysiwyg-editor-for-textarea-fields)

#### Description

[](#description-1)

Provides **HTML editing** directly within the admin field, providing a **lightweight alternative to PageBuilder** for small-to-medium content sections.

This feature allows admins to manage structured data efficiently, making it easier to configure settings like custom redirects, tracking events, and more.

#### Implementation

[](#implementation)

The **toggle button** should be defined as a new `` element with the following structure:

```

        ...

            page_form_editable_field
            AcidUnit\Admin\Block\Adminhtml\System\Config\Form\Field\ToggleEditorButton

```

📌 Ensure the `sortOrder` value for the toggle button is higher than the target field so that it appears **directly beneath it**.

#### Demo

[](#demo-1)

[![Admin Field Editor Demo](https://github.com/acid-unit/docs/raw/main/admin/wysiwyg-editor/admin-field-editor-demo.gif?raw=true)](https://github.com/acid-unit/docs/blob/main/admin/wysiwyg-editor/admin-field-editor-demo.gif?raw=true)

### Table Field

[](#table-field)

#### Description

[](#description-2)

The Table Field is useful for storing structured data in the admin panel, like custom redirects, event tracking mappings, or configurable lists.

Below is how to define it in `system.xml`.

#### Implementation

[](#implementation-1)

To render a **table field**, define the `` and ``classes in your `` element:

```

            ...
            VendorName\VendorModule\Block\Adminhtml\Form\Field\YourCustomTableField
            VendorName\VendorModule\Model\System\Config\Backend\YourCustomTableField

```

**Backend &amp; Frontend Virtual Models**

Define virtual classes for **backend**, **frontend**, and **helper models**:

```

            enabled
            url
            event

        VendorName\VendorModule\Helper\YourCustomTableField

                Enabled

                VendorName\VendorModule\Block\Adminhtml\Form\Field\Yesno

                Page URL

                admin__control-text required-entry

                Event Name
                admin__control-text required-entry

        Add Custom Page

```

📌 Note: Ensure all virtual classes are compiled before deployment.

**Dropdown Renderer for Table Fields**

```
