Visual in draft changes in preview

  • Unknown's avatar
    amaliascooking · Member ·

    The draft in visual looks perfect, just the way i want it to look when published. But, when i check the draft in preview, text is moved upwards, next to an image in this case, when i change back to the draft view the text is next to that image. When i move the text to where it is supposed to be, it messes up my other images. Others with no spaces between others half way next to other images. I uploaded other posts and had similar problems but were able to be solved. This time i am with my hands in my hair. Why does this happen and how can it be resolved?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Are you copying pasting content into the editor?

  • Unknown's avatar
    timethief · Member ·

    If you are copying and pasting from Microsoft WORD or any document created in a word processing program, but failing to do that in the correct manner (see below) the results may not have been immediately apparent but will be cumulative and will manifest over time.

    Microsoft Word is a word processing program https://en.support.wordpress.com/microsoft-word/ that’s not compliant with web standards. The result of copy and pasting from Microsoft Word into the Tiny MCE editor in WordPress blogs can be unexpected, and contain a lot of formatting code that’s not compliant unless you know how to use the built-in features in the Visual editor for using Word cleanly. http://en.support.wordpress.com/visual-editor/#pasting-text

    Go here and enable this > Settings > Writing
    Formatting
    _ WordPress should correct invalidly nested XHTML automatically
    “save changes”

    I recommend using Windows Live Writer for posting to your blog > http://en.support.wordpress.com/xml-rpc/windows-live-writer/

    See also https://en.support.wordpress.com/word-web-app/

    If you want to learn how to format and space your posts and pages in a wordpress.COM blog see: http://en.support.wordpress.com/advanced-html/ Specifically see here https://en.support.wordpress.com/advanced-html/#extra-line-breaks

    You can also use the pre tag. See here https://en.forums.wordpress.com/topic/can-i-get-rid-of-double-word-spacing?replies=21#post-2512371

    If you use the classic editor here Dashboard > Posts > Add New to create your posts what I provide below may be helpful.

    In the classic editor, if you are working in the Visual editor, to get single spacing between paragraphs hold the SHIFT key down and simultaneously click ENTER at the end of the paragraph. If you are working in the Text or HTML editor, a single click of ENTER will give you a single-spaced line, and two clicks of ENTER will result in double spaced lines.

    Whether or not you are copying and pasting go to > Dashboard > Settings > Writing and enable this setting:
    Formatting
    __ WordPress should correct invalidly nested XHTML automatically
    “save changes”

    IMPORTANT NOTE: When you create a new post, always make sure the Format tool is set to Paragraph before you start typing. It’s in the Visual editor Row 2 first position “style”. See the illustration here http://en.support.wordpress.com/visual-editor/#row-2 If you forget to do that then edit the post, highlight all in the Visual editor, select Paragraph from the Format tool, switch editor to Text then switch back to Visual and click Update.

  • The topic ‘Visual in draft changes in preview’ is closed to new replies.