WYSIWYG editor color

[julienlegac]

If you change color, the black color (100%), If you click nothing happens.

[wonknu]

• how to reproduce the issue

1) Setup abe type rich

{{abe type='rich' key='key' desc='description' toolbar='*' tab='default'}}

2) Wrap it inside a div that have a color style, for exemple

<style> div{ color: blue; } </style>
<div> {{abe type='rich' key='key' desc='description' toolbar='*' tab='default'}} </div>

result :

If you click on the dark color on the bottom - right the text won't become black.

The reason is that the text editor (wysiwygjs) execute this javascript commande to set the color

document.execCommand("foreColor", !1, "#000000");

What happen is that the text editor already have this black color by default, so the browser detect that the default color is already black and instead of changing it color to black it reset it style to the default color (which seems logical). But it cause that the text preview on the right also get it style undo so it color is back to it default color.