Resolve the issue with transferring HTML markup from the visual block Qulity
Hello. In Chrome, the markup is passed normally. From block to block. Look at the screenshot. But in Firefox, it is incorrect. Look at the screenshots.
The problem occurs after clicking on the extension button. Like grammar check extensions or other extensions. It processes the entire article and returns it back in a modified form. If you just delete and add by word, then the HTML in the right block works normally and in Firefox too. In short, there is some kind of problem. Something needs to be adjusted in the code so that Firefox also correctly passes the markup from the visual block to the HTML block. Look at the screenshots and the code in the archive.
The problem itself, I think. Somewhere in this part of the code. Like we are trying to re-pass new data from the visual block to the HTML block after processing by the extension. Most of the code is in the archive. I will provide full access to the code to anyone who can understand the code in the archive. And understands what the issue is. Thank you for your attention!
This is the visualizer I have: quilljs.com
// - If Quill changes, update CodeMirror
// The problem of passing markup to the right block, the visual block quilljs uses delta instead of html
// Works normally in Chrome. Only in Firefox it lags. Incorrectly passes HTML markup.
quills[index].on('text-change', function(delta, oldDelta, source) {
// console.log(delta, oldDelta, source);
if (delta.ops.length === 1 && delta.ops[0].delete) {
quills[index].setContents(oldDelta);
}
const htmlContent = quills[index].root.innerHTML;
if (htmlEditor.getValue() !== htmlContent) {
htmlEditor.setValue(htmlContent);
}
});
});
}
Applications 3
-
Hello!
I can try to find and solve the problem if you have the opportunity to send the entire code so that I can deploy the project with the editors locally on my end.
Current freelance projects in the category Javascript and Typescript
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 1 day 4 hours back ∙ 59 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 2 days 5 hours back ∙ 26 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 3 days 20 hours back ∙ 32 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5731 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 9 days 2 hours back ∙ 119 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 9 days 8 hours back ∙ 21 proposals |