Could we use a <div> instead of <iframe> for the editor? about squire HOT 2 CLOSED frankai commented on August 17, 2024 Could we use a instead of for the editor?from squire. Comments (2) neilj commented on August 17, 2024 I am working on a project where I can not use an iframe, I have to use a content editable DIV in the body of an html page. Is it very difficult to modify Squire for this goal? Any clue? It should be fairly straight forward to change the code to use a div; you just need to alter source/Editor.js, changing the bits that reference win or body I think. The main issue with using a div instead of an iframe though is that the browser does not maintain a separate selection context, so whenever you click outside the div, the selection inside it is lost. Neil.from squire. frankai commented on August 17, 2024 Thanks for the info Neil!from squire. Related Issues (20) Moving the editor causes a partial breakage of functionality HOT 3 User controlled markup vs programatically generated markup HOT 1 Regarding inline text formatting The purpose of the `while` loop in the `fixCursor` function is unclear Lists are not created automatically on Chrome Android Cursor position bug after link('a' element) paste in Firefox Missing DOMPurify import HOT 1 willPaste event cannot be prevented HOT 2 Region-specific key handlers HOT 2 Redo shortcut ("Ctrl-Shift-Z") does not work Can not make list for Chinese characters entered via input method on safari HOT 1 The caret displays in a wrong position on safari HOT 1 Wrong format after pasted some plain text at the end of formatted text getFontInfo returns undefined for fontFamily and fontSize when they are both set on the same selection Html gets reformatted on Undo Property 'append' does not exist on type 'Node'. HOT 1 Applying formatting to a selection with at least one formatting set won't fire `pathChange` event HOT 4 No API function to test for alignment HOT 1 Collaborative editor HOT 3 Backspace removes the whole paragraph 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. Jobs Jooble
Comments (2) neilj commented on August 17, 2024 I am working on a project where I can not use an iframe, I have to use a content editable DIV in the body of an html page. Is it very difficult to modify Squire for this goal? Any clue? It should be fairly straight forward to change the code to use a div; you just need to alter source/Editor.js, changing the bits that reference win or body I think. The main issue with using a div instead of an iframe though is that the browser does not maintain a separate selection context, so whenever you click outside the div, the selection inside it is lost. Neil.from squire. frankai commented on August 17, 2024 Thanks for the info Neil!from squire.
Vue.js 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
javascript JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Machine learning Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Facebook We are working to build community through open source technology. NB: members must have two-factor auth.