"Inline" styles?

[mattparlane]

Hi there...

I am trying to build an editor which can do what I call "inline" styles -- although I might not have the right terminology.

In Google Docs, this is what I mean:

I tried doing this with Slate and I failed... and I don't see any examples of this kind of thing done with Plate.

I also need to automatically select the appropriate style in the style drop-down list (the one that shows "Courier" in the screenshot) as the user moves the cursor around the line.

I have flexibility in how I output the CSS, ie I can set display: inline or display: inline-block, whatever will get the job done.

Is it possible? Are there any examples of this being done that I can look at?

Thanks!