ToDo

You're viewing old version number 1. - Current version

2 min

Test text for the Textile live preview editor

This is some test text after reducing the font size from for this pane from 1.2em to 1.1em and reducing the line height from 1.7em to 1.5em. Despite the reductions, the text still displays fine in this window. It's less like the display in the right pain though. The previous dimensions were closer.

I don't know why this text area box created more space between the paragraphs than the Web display.

If I reduce the browser size by a notch with ctrl and the dash sign (reduces to 90%), this display still looks fine.

I like viewing jothut and toledotalk at 90%, and I like the larger default sizes too. That's why I may need to add a text resizer. It's easy to change the size with the browser on the laptop/desktop, but is it possible to do something similar with browsers on mobile devices.

here is some additional text. when the editor screen is moved left, the width is increased from 48% to 60% to provide more typing area, especially with the moderately-sized font size.

this 60% screen looks good on the laptop. no too wide and not too narrow.

when testing a couple days ago on the ipad with the bluetooth keyboard, it seemed the typing window was too narrow at 48% when centered.

the smaller 48% size is required, of course, when in split screen mode.

back to split screen mode. this is still acceptable. i just wish the right pane would stay at the bottom. instead, i have to move to right pane with mouse and scroll down bottom to see text.

so really, the only time the live preview is a distraction in the right pane when in split screen mode is before the text in the right pane reaches the bottom of the window.

this makes me think that the live preview may textile editor may not be needed, especially if i cannot add the javascript to keep the screen at the bottom of the page.

ToDo

  • i may end up sticking with my very basic split screen mode with no javascript, not even for helper buttons. a preview button would exist, requiring the data to make a roundtrip to the server and back to show the formatted text in the right pane.
  • and then i may enhance my basic split screen by adding the minified javascript that i added to this textile editor: the ability to center and enlarge the typing screen. then I would add:
    • ajax code to make the preview round trip so that the typing screen cursor remains unchanged.
    • ajax code to do auto-saves.

#editor
#textile
#javascript
#junco
#todo

From JR's : articles
439 words - 2424 chars - 2 min read
created on
updated on - #
source - versions

Related articles
Resolved - Test text for the Textile live preview editor - Aug 21, 2013
July 2016 ToDo - Implement Micropub spec in JavaScript editor - Jul 14, 2016
Junco enhanced editor views - Sep 10, 2013
ContentEditable web browser editors - Aug 12, 2015
App idea to learn new code - Mar 10, 2014
more >>



A     A     A     A     A

© 2013-2017 JotHut - Online notebook

current date: Nov 14, 2024 - 9:23 p.m. EST