In the context of my Filemaker file, I am utilizing the TinyMCE editor. My goal is to automatically save any changes made by the user, whether it's typing, applying formatting, inserting an image, or making any other modifications.
I have a function in my initialization script that needs to be called whenever changes are detected. However, I need to strike a balance between responsiveness and performance, as excessive triggering of this function slows down Filemaker.
I discovered a code snippet that effectively handles the keyup event timeout for typing. Unfortunately, it doesn't work for other types of edits, such as adding formatting. In my implementation, after a delay of 1000 milliseconds, the function "saveTEMP" is executed, which triggers a corresponding Filemaker script.
var keypupTimer
tinymce.init({
selector: '#GSNotes',
setup : function(ed) {
ed.on('keyup', function (e) {
clearTimeout(keypupTimer);
keypupTimer = setTimeout( saveTEMP, 1000);
});
},My queries are as follows:
1/ How can I modify the code to handle edits beyond typing using the keyboard?
2/ Is the current approach the most optimal one, or would using the BLUR event instead be more suitable?
I truly appreciate any assistance or guidance provided.