Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cant see the plugins at all. Just the textarea is visible. #3

Closed
Plash-jindal opened this issue Nov 24, 2017 · 14 comments
Closed

Cant see the plugins at all. Just the textarea is visible. #3

Plash-jindal opened this issue Nov 24, 2017 · 14 comments

Comments

@Plash-jindal
Copy link

<Editor
                      inline={false}
                      init={{
                          plugins: 'link image code',
                          toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code'
                      }}
                      initialValue={this.state.mailBody}
                      onChange={this.handleChange}
                    />

Cant see the plugins at all. Just the textarea is visible.

@fyrkant
Copy link
Contributor

fyrkant commented Nov 24, 2017

How are you loading TinyMCE? Inline is by the way false by default so there is no need to set it.

@Plash-jindal
Copy link
Author

Yes, I am importing the TinyMCE,
import {Editor} from '@tinymce/tinymce-react';

@Plash-jindal
Copy link
Author

screen shot 2017-11-24 at 15 18 47

I am just able to see this every time.

@fyrkant
Copy link
Contributor

fyrkant commented Nov 24, 2017

No I mean, how are you loading TinyMCE, not the component. TinyMCE needs to be globally available for the component to work, easiest is just adding a script tag link to tinymce cloud.

@Plash-jindal
Copy link
Author

Yes, I have included the tinyMCE in the index.html file but still it is not working and it is not giving me any error on consoles.

@fyrkant
Copy link
Contributor

fyrkant commented Nov 24, 2017

Hmm, do you have your code on github or available somewhere else so I can take a look at it?

@Plash-jindal
Copy link
Author

No, I do not have the code available on github.
Just wondering if this module is compatible with react 15.0.1?

@fyrkant
Copy link
Contributor

fyrkant commented Nov 24, 2017

It should work with React 15, I don't think I am using anything only available in 16.

What version or tinymce-react are you using? I accidentally published a broken version on 2.0.1, so make sure you have the latest version.

@Plash-jindal
Copy link
Author

Well I created another application using create-react-app and it worked with that because it is having react 16 version.

But my project is with react 15. And the tinymce-react version I installed is 2.0.3

@fyrkant
Copy link
Contributor

fyrkant commented Nov 24, 2017

Ok, then I guess that is a sign that it doesn't work with react 15. I wonder why 🤔

@Plash-jindal
Copy link
Author

Please solve this issue as I guess it should also work with React 15.

@fyrkant
Copy link
Contributor

fyrkant commented Nov 24, 2017

Is there a reason you cannot update to React 16?

@fyrkant
Copy link
Contributor

fyrkant commented Nov 24, 2017

Or at least to a newer 15 release like 15.4 or 15.6? I suspect it would work with one of those, the splitting or React and ReactDom might be the problem?

@fyrkant
Copy link
Contributor

fyrkant commented Jan 3, 2018

Closing this as we wont change anything to make old React versions work. Update to at least React 16, is my advice.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants