search

tinymce / tinymce-react

Offical TinyMCE React component
MIT License
959 stars 156 forks source link

Typescript React, Styles not working in Inline Editor #423

Closed rahulreddyv closed 1 year ago

rahulreddyv commented 1 year ago

What is the current behavior? Font styles are not working in typescript react. Bold, italics are working through.

Please provide the steps to reproduce and if possible a minimal demo of the problem via codesandbox.io or similar.

What is the expected behavior? They should be working properly!!! :)

Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE or tinymce-react? TinyMCE 6

exalate-issue-sync[bot] commented 1 year ago

Ref: INT-3075

tiny-james commented 1 year ago

In inline mode the editor inherits styling from the page. The editor component does not support styling directly so this is working as intended.

The list of available properties is listed here: https://www.tiny.cloud/docs/tinymce/6/react-ref/

Here is an example of styling the editor content while using inline mode https://codesandbox.io/s/styling-editor-with-css-jizo2s?file=/src/index.js

Normally though with inline mode you focus on styling the page as a whole and the editor shares the page styles.