Example: W3Schools Tryit Editor
You can listen to changes with the HTML5 input event and then either fire update to bubble db via custom code, or via an ID attached hidden input field in bubble, activating it with a jQuery .changed event. Should probably add a delay x seconds for Saving so that we dont fire a save for each keypress. You could also show a global save button on the page when any content has changed from keypress.
Plugin is working great overall in the short time Iâve had to experiment with it.
One possible bug: when I highlight an existing chunk of text and format it as bullets, the plugin creates multiple bullet points in addition to bullet points around some of the text that I did not highlight (mainly, above the highlighted section) :
The editor appears to work fine however it still defaults to âApple Systemâ font which pushes the UNDO / REDO icons to the next line. Could you limit the width of the drop down box and make it hide text that exceeds the width of the box?
After entering full screen mode, allowing the computer to sleep/diconnect from all networks, and then bringing the computer back online and viewing the page with this plugin installedâŚit appears that the page text is now selectable through the fullscreen plugin editor window (see below)
Note - For testing, I had the html code displayed on the page as a text element (although it could have been any text). In the editor, I placed the plugin in the center of the screen, and had the text element (in this case, the html output of the text editor) above it.
The default is called âApple Systemâ which is odd (first Iâve ever seen). I presume that means Appleâs default system font of San Francisco.
When the plugin has focus and is clicked, the font stays as Apple System. If I change the font to Arial, the Undo and Redo buttons return to the top line. Also note, that once you click âApple Systemâ, there is no Apple System listed in the font list.
If you review my first screenshot from my original post you can see the exact wording of the Apple System font in the drop down.
yes safari is using the default apple font although when the editor has focus it should change to the default font. Since the apple system font is not part of the list you should not be able to use it again once changed. The goal here is for the editor to show the default font from once itâs loaded.
the undo redo buttons wrap to the next line because the editor needs to display the other font name so the width is being squeezed on to the next line in toolbar