Code

Tinymce 4 - Wysiwyg Editor Pro For Magento 2

Tinymce 4 - Wysiwyg Editor Pro For Magento 2

Demo:

Frontend: http://magento2.softdy.com

Backend: http://magento2.softdy.com/admin

Acc: demo_editor_pro

Pass: demo12345

A) Description – top

The currently magento is using Wysiwyg editor for default, so it is not good enough for managers to insert images, resize, crop, upload … and files management quickly. And it isn’t also smart enough for image/videos files management. “Wysiwyg Editor Pro For Magento 2” extension provides many features for improving that. It based on Tinymce version: 4, and using “RESPONSIVE filemanager”. It still keeps old features, insert widget, block, variable …. ! It is very helpful for fast modification and files management.

B) Key Features – top

  • Quickly upload image/video files with drag – drop
  • Multiple upload and insert images/videos
  • Auto fill image title and description by filename (support multiple files and support filename with utf-8 unicode) Also, it supports for uploading media/image screen
  • Quickly resize images/videos
  • Support insert magento widget, block, variable and url (same old version)
  • Support any Tinymce ver 4 features
  • Find, sort and provide smart view mode
  • Rename, crop, resize, rotate, remove … and many features for modification image

  • Allow enable/disable “Wysiwyg Editor Pro” in product page and block/cms page

C) How to install Wysiwyg Editor Pro For Magento 2 – top

Step 5: Disable the cache under System >­> Cache Management

Step 6 : After opening Stores ­>> Configuration­ >> Advanced­ >>

If you using Nginx it may need to be provided permission access for “lib\internal\filemanager” folder.

1. Open nginx.conf and add new config bellow
location ~ /lib/internal/filemanager { allow all; } 
2. Save

Watch sample Magento 2 Tutorial Video Here

1. How to install magento 2 blog extension

https://www.youtube.com/embed/q7kjUgq_kVU?feature=oembed

D) How to using Wysiwyg Editor Pro For Magento 2 – top

You can add, update or remove tags by the following step.

  1. Login to management page
  2. Enable/disable Wysiwyg Editor Pro

    • Min Extensions -> Wysiwyg Editor Pro Choose Yes for “Enable in Block and CMS page” Choose Yes for “Enable in Category and Product page” Save config and Clear cache system.

  3. Click add or edit any products
  4. Click content tab
  5. You can insert image and resize it

  6. Click insert image button

  7. Click upload button
    Support multiple upload files.
    You can drag or drop to upload

  8. You can edit image. Many features for edit image

  9. Support multi insert image
    Keep ctrl + click, after that click submit button or press enter for multi insert image

  10. After inserting, it will auto fill image title and alt by filename
    It is very helpful for SEO, and you can change image title and alt if you want.

  11. Insert widget
    It is same Wysiwyg editor old version

  12. Insert variable
    It is same Wysiwyg editor old version

  13. Auto fill title and alt for media/image upload
    After you upload any media/image, this extension will auto fill title and alt by filename

  14. Click save button

  15. Check it in frontend (Product detail page or cms page)
  16. Using “Wysiwyg editor” old version or you can disable my extension
    • Min Extensions -> Wysiwyg Editor Pro Choose NO for “Enable in Block and CMS page” Choose NO for “Enable in Category and Product page” Save config and Clear cache system.
    and go to edit in any pages.

Changelog

V1.1
  • + Bugfix can edit when disabling admin key
  • + Support enable/disable for another area box.
  • + Support change font size, font-style.
  • + Support edit image.
  • + Fix base URL + Fix Not Enough Memory
by
by
by
by
by
by