Pluggable renderElement / renderLeaf

[Mangatt]

Right now, plugins like align wrap element in div just to add extra class. This can create some problems with some CSS selectors like :last-child or sibling selector.

This could be solved with pluggable default renderer, the one which could modify properties of rendered element (like adding of classes). So instead of rendering something like:

<div class="slate-align-center"><h2>🔥 Basic Elements</h2></div>

you could render just:

<h2 class="slate-align-center">🔥 Basic Elements</h2>

which would not mess with main structure of document.

[zbeyens]

We need to find an easy way to do that from a plugin, I didn't find any yet.

[Mangatt]

I think that it might be a good way to start with renderElement that can receive class prop. This way plugin can modify just class of node and do not care about rendering at all.

[zbeyens]

Indeed, at the moment it's doable using the nodeToProps option but it's not ideal as it needs to be done in each plugin