Comments (7)
The problem is there's a required call to editor.getContent
within onEditorChange
, in order to supply the content for the callback. This is where the setup you provided will cause an image refetch.
If applicable, you could opt to use the editor as an uncontrolled component and call getContent
when you need it.
Another solution that could work (depending on your use case) is to have something like a changeEvents
prop added. This would be used to override the default list of events that onEditorChange
fires on. So to fix this particular case, you'd want to not fire on the 'input'
event.
Otherwise this would need to be addressed as a core TinyMCE issue. As it's replicable in a TinyMCE fiddle and in the Angular integration too, see: https://codesandbox.io/p/sandbox/int-3288-539h9p
from tinymce-react.
Could you please provide a code sandbox or a code snippet? I've tried replicating with the React integration, but I've only found this problem when deleting a selection of text, nothing with keyup events. And this can also be replicated in core TinyMCE, see this TinyMCE fiddle. In which case this would be an issue to do with core and not the React integration.
from tinymce-react.
@danoaky-tiny I have updated my description, and after some debugging I found out that the bug can be reproduced if:
- codesample plugin is used
- onEditorChange is used
- disable cache setting in dev tookls is checked
Just go ahead on that example, paste/insert an image, and start typing in the editor
from tinymce-react.
Internal ref: INT-3288
from tinymce-react.
For now I just removed codesample plugin, as I don't use it at all
from tinymce-react.
This issue is stale because it has been open for 30 days with no activity. Respond with a comment or this will be closed in 7 days.
from tinymce-react.
Not sure what prio has this one, but I think it's still an issue which might need some attention, if possible
from tinymce-react.
Related Issues (20)
- Failed to execute 'querySelectorAll' on 'Element': 'map:not(svg map),canvas:not(svg canvas),del:not(svg del),ins:not(svg ins),a:not(svg a)' is not a valid selector HOT 2
- TinyMCE requires standards mode. HOT 2
- Chrome Browser Based Bug and high memory usage after sometime HOT 2
- Uploading images with TinyMCE does not replace the src attribute inside the image tag HOT 5
- Cursor jump back to start when pressed any key in the keyboard. HOT 2
- Uncaught ReferenceError: tinymce is not defined HOT 5
- The editor refreshing anytime i click on other element
- Upload large video more than 100 MB HOT 2
- Selector type doesn't support string in react. HOT 2
- react18 + tinymce/tinymce-react, use image_caption and file_picker_callback HOT 2
- Error TS for use readonly with React JS (Editor) HOT 1
- About this.elementRef.current?.OwnerDocument.DefaultView question HOT 3
- Toolbar Sticky not working properly HOT 5
- Cursor jumps to the start when I start typing HOT 4
- I found a bug while trying to use the Merge Tags feature in "codepen"
- "@tinymce/tinymce-react": "^5.1.0" NOT FIND HOT 3
- Cannot find module '@tinymce/tinymce-react' or its corresponding type declarations HOT 2
- GPL usage not working HOT 1
- [Solved] `licenseKey` is not working as intended but `license_key` did. Test failing on `license_key` HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tinymce-react.