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

It takes about a second to load, so the textarea is visible for a bit longer than in TinyMCE #384

Open
sonsu95 opened this issue Jun 11, 2023 · 6 comments
Labels
GitHub question A question about the integration

Comments

@sonsu95
Copy link

sonsu95 commented Jun 11, 2023

What is the current behavior?

I first imported and used TinyMCE in Quasar

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

The repository I cloned from the official documentation shows the same slow loading time.

What is the expected behavior?

The textarea should not be displayed and TinyMCE should be displayed immediately.

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

 "@tinymce/tinymce-vue": "^5.1.0",
 "tinymce": "^6.4.2",

&&

quasar, webpack

&&

Latest version of Chrome browser

&&

using Windows11


I think the same issue existed before, but it still doesn't seem to be resolved, is this something that can be fixed?
#219

Copy link

Ref: INT-3190

@tiny-stale-bot
Copy link

This issue is stale because it has been open 30 days with no activity. Please comment if you wish to keep this issue open or it will be closed in 7 days.

@tiny-stale-bot tiny-stale-bot added the status:stale An issue that has been left with no response for an extended period of time. label Jul 9, 2024
@citrusjunoss
Copy link

What's the solution to this problem?

@danoaky-tiny
Copy link
Contributor

danoaky-tiny commented Jul 11, 2024

@citrusjunoss TinyMCE provides events such as init that you should be able to wait on before mounting/rendering the component. In doing so you can omit rendering anything before the editor has finished initialising. Alternatively you could show a spinner or something similar.

If you need a Vue specific implementation to this, let us know and we can help further.

@danoaky-tiny danoaky-tiny added question A question about the integration and removed status:stale An issue that has been left with no response for an extended period of time. labels Jul 11, 2024
@citrusjunoss
Copy link

@citrusjunoss TinyMCE provides events such as init that you should be able to wait on before mounting/rendering the component. In doing so you can omit rendering anything before the editor has finished initialising. Alternatively you could show a spinner or something similar.

If you need a Vue specific implementation to this, let us know and we can help further.

It's a good interaction program

@accentcarehealth
Copy link

@citrusjunoss TinyMCE provides events such as init that you should be able to wait on before mounting/rendering the component. In doing so you can omit rendering anything before the editor has finished initialising. Alternatively you could show a spinner or something similar.

If you need a Vue specific implementation to this, let us know and we can help further.

I will like to see the vue implementation. I want to show something like a loading spinner to communicate to the user that we are waiting for the editor to load.

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

No branches or pull requests

6 participants