Add support for multiple custom styles, separated by a space

[js-seo]

When you do this,

stateFromHTML(htmlContent, {
  customInlineFn: (element, { Style, Entity }) => {
    const { color, fontSize } = element.style
    return Style(`color${color} fontSize${fontSize} FOO BAR`)
  },
})

now each inline element has overlapping four styles.

[RTeran]

+1

[VictorParraCant]

@sstur Why has not this solution been implemented yet? I would like to be able to use it without changing my node_modules. Review please

[ururekina]

@VictorParraCant @sstur +1

[preetriti]

There is another way to do this with lesser changes.
In line: 344 just use style.union(customInline.styles)

Now the Style in inlineCreators should be changed from string -> string[].
This way it removes the condition that styles should be separated with ' '. The code can be agnostic to that.

[khalska]

It doesn't work with rgb colours because split find spaces in colours - rgb(255, 120, 0).