In this blog post, we learn how to add WYSIWYG editor with textarea in admin system configuration options.

First we will add one system config field in system.xml file. Use below code to add new field with the type Editor.

Download Free New Order Notification Extension

In order display WYSIWYG editor with this textarea we need one frontend block. so you can create editor.php file at below location.

Download Free Most Viewed Products Extension

In this block you can write below code snippet.

Now please clear cache file and then go to module system configuration, you will get textarea with WYSIWYG option.

That’s it. Enjoy Magento 2! Enjoy Magewallet!!

Mahendra Paladiya
Mahendra is a Web Developer whose passions includes web development, technical blog writing, and database management. His passion for web development pushed him into learning how to handle different platforms like Core PHP, Magento, Prestashop, WordPress, CodeIgniter, CakePHP and Oracle.