TinyMCE inline formating can not be changed in Gutenberg

[paaljoachim]

Describe the bug
Inline heading color made through TinyMCE toolbar can not be changed in Gutenberg.
I also tested coloring one word in a paragraph through TinyMCE and that can also not be changed in Gutenberg.

To Reproduce
Steps to reproduce the behavior:

1. Add a heading and an inline color using the TinyMCE classic editor.
2. Activate Gutenberg.
3. Notice the inline heading color is still in use. Even changing the CSS and using !important does not help.
4. The heading inline color stays and can not easily be removed.

Expected behavior
Inline heading color made through the TinyMCE toolbar in the classic editor is removed. To show the default black color. OR even better. Add the color controls to the heading block: #8171

Bottom line is that functionality that exist in TinyMCE today should be
directly transferred into Gutenberg,

Desktop (please complete the following information):

• OS: MAC OSX 10.13.6
• Browser Chrome using Desktop Server.
• Gutenberg version: 4.5.1

Additional context
I had to deactivate Gutenberg. Go to the page using the inline heading and remove the color I added. Then I went to reactivate Gutenberg again the inline color was gone.

[paaljoachim]

NB! Follow the above procedure and color one word in the paragraph through the TinyMCE toolbar in the classic editor. Then change to Gutenberg. Notice the inline color also for paragraph stays in place. Changing the full paragraph color changes all the text except the word colored through TinyMCE.

I am adding the above information to this same issue as it seems to be the same error happening in heading and paragraph. There might be other unique TinyMCE options that also do not carry over to Gutenberg.

[ellatrix]

You can change it in the HTML?

[paaljoachim]

Hey Ella

I am pleasantly surprised how well using TinyMCE transfers over til Gutenberg.
I would say the only problem is what I mentioned above the rest works well.
I switched to HTML and removed the inline color.
I am looking forward to having all the existing TinyMCE toolbar options in place.

Thanks.

[paaljoachim]

Btw here are some tests:

Testing most of the TinyMCE toolbar buttons:

Activating Gutenberg:

Converting to blocks:

Edit the HTML:

The tests I ran shows that TinyMCE to Gutenberg works really well. There are of course some buttons missing from Gutenberg that should perhaps be added into the sidebar panel in paragraph and heading etc blocks. Such as inline coloring of text and coloring text background. Thanks for having created the plugin to handle these things Ella. https://wordpress.org/plugins/advanced-rich-text-tools/ So that anyone for now can install and use it through that until the features have been added to core.