Adding images and tables makes Visual Editor a mess

  • Resolved stbedesantafe

    (@stbedesantafe)


    11 years, 6 months ago

    My website:

    https://www.bedetrial.org/

    I added 2 columns to the front (home) page along with the sidebar on the right. My 2nd column (which appears in the middle of the page) translates well to the website, but looks a mess in Visual Editor. Text Editor works fine to organize and place content in the 2nd column, but I have to keep my website open in another tab and refresh it as I update the editing of my page in order to review my work in progress. While that has worked, anyone else who may come in later and look at the front (home) page using Visual Editor will see a mess and perhaps try to fix it.

    If I could upload a screen shot here, you could see the mess, but I’ll try to describe it. Column 1 in Visual Editor is fine – probably because it is text only.

    Column 2 lists my tables first on the far left side (and they are actually at the bottom of the column). To the right of the tables are the images (with their captions) that make up the top portion of the column, but they are not in the correct order. The basic layout of the column in Visual editor appears as:

    Table 1 Image 2 Image 1
    Table 2 Image 4 Image 3

    (Each table also contains an image, by the way. The four images named above are all right-aligned.)

    I would expect column 2 to be in a more wysiwyg format, for example:

    Image 1
    Image 2
    Image 3
    Image 4
    Table 1
    Table 2

    https://www.ads-software.com/plugins/easy-columns/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Pat Friedl

    (@kcfried)

    Sorry about the confusion. Since this plugin generates the shortcodes and renders the CSS for the columns, it wasn’t built as a full WYSIWYG layout editor. However, that may be a feature down the road in say, a pro version.

    While it can look a little messy in the visual editor, you can do a lot with the plugin as lightweight as it is. I’ve built some pretty complex layouts using it.

    Thanks for the feedback – we’ll look at what we can do to add more of a wysiwyg feel to it.

    Thread Starter stbedesantafe

    (@stbedesantafe)

    Thanks for your reply.

    I worked with this some more. Aligning individual images to the right does create the mess. The images stack horizontally against each other, instead of remaining vertical. If the alignment attribute is removed, they fall into correct position vertically.

    I could not get standard HTML alignment code to work within the short code for the 2nd column – I thought by aligning all content to the right I could achieve the same effect, but the additional HTML coding did not seem to affect any of the content.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding images and tables makes Visual Editor a mess’ is closed to new replies.