Text Alignment Feature

This has been requested several times, and also has been a source of confusion. Basically at the moment the alignment plugin works solely with atomic blocks. This isn’t clear from the docs or examples and it absolutely makes sense to implement this feature. Therefore to fix this we need to enable text alignment and make it clear in the docs that the alignment plugin also works with atomic blocks and that they’re treated differently

• Make clear in the docs that block alignment and text alignment is separate.
• Add Text alignment buttons to draft-js-buttons for left, right, center and justify - I expect different icons may be required. These buttons would toggle block data (something like textAlignment: string)
• Add a blockStyleFn to the alignment plugin which will add css classes depending on the textAlignment block data prop.
• Implement handleReturn inside the alignment plugin to carry over text-alignment of the current block to the next block.

[servonlewis]

dying for this.

[MattyBalaam]

I’m in the process of building an editor for a new product and apart from this one feature, draft-js-plugins handles all the requirements. Has any progress been started on this yet? If not I may see if I can get up to speed with the plugin system and give this a go myself over the next couple of weeks.