Register

Adv. Query

Q&A (4871)

Reviews (203)

Open problems (47)
Meta (439)

Site Statistics

205 submissions , 163 unreviewed
5,082 questions , 2,232 unanswered
5,354 answers , 22,789 comments
1,470 users with positive rep
820 active unimported users
More ...

Do you like the new preview features of our editor?

3008 views

I have implemented two versions of previews for our editor:

Live Preview:
The intention of this preview is to help during complicated math equations. Every change in the text is displayed immediately on the preview nearly with the layout you will get if the post is submitted.Unfortunately it was not possible to synchronize the scrollbars of the editor and of this preview, mainly also because the size of math expressions is not the same in the editor and in the resulting post.

Actual Content
This type of preview is dedicated to give a whole picture of a post at once. Every time you check the box of this preview, a snapshot of the actual content of the editor is taken and displayed nearly with the layout you will get if the post is submitted. This preview is not updated. If you like to have a new snapshot, uncheck and check again the box of this preview.

I was not able to test these previews on all browsers and operating systems. Therefore I ask you for your experience here. You may also give ideas of change requests or additional requirements for previews.

asked Nov 5, 2014 in Announcements by polarkernel (0 points) [ revision history ]
recategorized Feb 5, 2015 by dimension10

It works perfect, thanks! However, it would be nicer if the boxes were just labelled as "Live preview (may be slower)", "Preview", and the caption saying "(these previews...here)" was just "(experimental)". Sorry for nitpicking!

commented Nov 6, 2014 by dimension10 (1,985 points) [ no revision ]

@dimension10 Done. But note that "Preview" is only a snapshot, taken at the time its box has been checked. Then no more happens. So in this sense it's not faster than "Live preview".

commented Nov 6, 2014 by polarkernel (0 points) [ no revision ]

@polarkernel Thanks! What I meant is, that the live preview may slow down the editor as a whole, not the preview itself. I guess the text should be changed from "may be slower" to "may slow down the editor", assuming this is true?

commented Nov 8, 2014 by dimension10 (1,985 points) [ no revision ]

@dimension10 This is true. I changed the text accordingly.

commented Nov 8, 2014 by polarkernel (0 points) [ no revision ]

Your comment on this question:

To answer, leave an answer instead. Comments are usually for non-answers.
To mask links under text, please type your text, highlight it, and click the "link" button. You can then enter your link URL.
To alert a user, please use the "@" command and remove spaces from the username, example, the user "John Doe" should be pinged as "@JohnDoe", while the user "Johndoe" should be pinged as "@Johndoe". The post author is always automatically pinged (unless you are the post author).
Please consult the FAQ for as to how to format your post.

Live preview (may slow down editor) Preview

Your name to display (optional):

Email me at this address if a comment is added after mine:

Privacy: Your email address will only be used for sending these notifications.

Anti-spam verification:

[captcha placeholder]

Please complete the anti-spam verification

2 Answers

I used a live preview and I liked it. Thanks Polarkernel!

answered Nov 5, 2014 by Vladimir Kalitvianski (102 points) [ no revision ]

Your comment on this answer:

To answer, leave an answer instead. Comments are usually for non-answers.
To mask links under text, please type your text, highlight it, and click the "link" button. You can then enter your link URL.
To alert a user, please use the "@" command and remove spaces from the username, example, the user "John Doe" should be pinged as "@JohnDoe", while the user "Johndoe" should be pinged as "@Johndoe". The post author is always automatically pinged (unless you are the post author).
Please consult the FAQ for as to how to format your post.

Live preview (may slow down editor) Preview

Your name to display (optional):

Email me at this address if a comment is added after mine:

Privacy: Your email address will only be used for sending these notifications.

Anti-spam verification:

[captcha placeholder]

Please complete the anti-spam verification

I have always wanted a function of this sort, you give even more than I expected. Thank you!

answered Nov 6, 2014 by Jia Yiyang (2,640 points) [ revision history ]

Your comment on this answer:

To answer, leave an answer instead. Comments are usually for non-answers.
To mask links under text, please type your text, highlight it, and click the "link" button. You can then enter your link URL.
To alert a user, please use the "@" command and remove spaces from the username, example, the user "John Doe" should be pinged as "@JohnDoe", while the user "Johndoe" should be pinged as "@Johndoe". The post author is always automatically pinged (unless you are the post author).
Please consult the FAQ for as to how to format your post.

Live preview (may slow down editor) Preview

Your name to display (optional):

Email me at this address if a comment is added after mine:

Privacy: Your email address will only be used for sending these notifications.

Anti-spam verification:

[captcha placeholder]

Please complete the anti-spam verification

Your answer

Please use answers only to (at least partly) answer questions. To comment, discuss, or ask for clarification, leave a comment instead.
To mask links under text, please type your text, highlight it, and click the "link" button. You can then enter your link URL.
Please consult the FAQ for as to how to format your post.
This is the answer box; if you want to write a comment instead, please use the 'add comment' button.

Live preview (may slow down editor) Preview

Your name to display (optional):

Email me at this address if my answer is selected or commented on:

Privacy: Your email address will only be used for sending these notifications.

Anti-spam verification:

If you are a human please identify the position of the character covered by the symbol $\varnothing$ in the following word:
$\varnothing\hbar$ysicsOverflow
Then drag the red bullet below over the corresponding character of our banner. When you drop it there, the bullet changes to green (on slow internet connections after a few seconds).

Please complete the anti-spam verification

user contributions licensed under cc by-sa 3.0 with attribution required

Your rights

...