Menu Close
    Start a Project Request quote Reading list Switch to dark mode

    Add WYSIWYG Editor In Magento2 Configuration Section

    Here we learn how to add WYSIWYG editor in Magento2 configuration section

    Step1# open your module system.xml from app/code/NameSpace/ModuleName/etc/adminhtml

    and add following code in it

    step #2 : Now we create Editor class in file Editor.php at app/code/NameSpace/ModuleName/Bloc/Adminhtml/System/Config folder where we create WYSIWYG editor element

    step 3# Now in your admin section you get this WYSIWYG Editor element as following

    thanks 🙂

    . . .

    Comments (8)

    Add Your Comment

  • Purushotam Sharma
    Can we add wysiwyg editor on frontend text are box?
    • Webkul Support
      Sure you can will try to add a blog on it in next update
  • Logan Stellway
    Awesome 🙂
  • Rodrigo Alcará
  • Rohit
    One issue i found after adding wysiwyg editor on my local setup,
    I found that insert variable is not working it showing me js error,
    other things works perfectly thanks, for the post
    • Kriver Kriver
      MagentoCmsModelTemplateFilterProvider $filterProvider

      $content = ‘{{media url=”wysiwyg/some_image.jpg”}}’;
      $contentGenerating = $this->_filterProvider->getPageFilter()->filter($content);
      echo $contentGenerating; //Generate HTML

      • ptsdemo pts
        How is this related to the Insert variable issue.?
    • ptsdemo pts
      Same issue. did anyone found solution.
  • Back to Top
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again