Thursday, April 27, 2023

Customizing Classic Editor in Wordpress

Customizations in Classic Editor in Wordpress could be done by "Advanced TinyMCE Configuration" plugin

How it works?

Classic Editor in Wordpress is based on TinyMCE editor. Wordpress instructs it how to act, how to look as UI.

"Advanced TinyMCE Configuration" changes TinyMCE startup configuration.

To be able to configure Classic Editor you would need to know know to configure TinyMCE.

TinyMCE configuration

Here are some links from TinyMCE documentation:

https://www.tiny.cloud/docs-4x/configure/editor-appearance/#toolbar - configure toolbar

Examples of "Advanced TinyMCE Configuration" configurations

toolbar2 property

Changing it, replaces row 2 of WP editor.
Value: 
  • forecolor,pastetext,removeformat,charmap,outdent,indent,undo,redo,superscript subscript,strikethrough,hr,wp_help

toolbar3 property

Changing it, replaces row 3 of WP editor. In most cases you dont have row 3 so that way you could introduce new buttons on a new row.
Value:
  • superscript subscript

extended_valid_elements

Allow other value tags, elements, attributes, etc.
For allowing rich context MicroData extensions, you could add this value:
  • @[itemscope|itemtype|itemid|itemprop|content|id],div,h1,h2,h2,h4,h5,h6time[datetime]

Conclusion

Classic Editor in Wordpress is extremely powerful software tool for creating real estate articles or virtually any kind of articles, pages, posts. But its flexibility is hidden because it has no configuration. You could tune it by changing TinyMCE editor.
If you like the article, post a comment below.

No comments:

Post a Comment