Karelia Community Forum

jerrykrinock

Member

Conversion from Raw HTML increases line spacing

As we know, Sandvox 1 often generated boatloads of useless HTML formatting tags.  The effect of these was usually to increase the line spacing of the text.  When using Sandvox 1, whenever I saw that some text had too much line spacing, I would Edit Raw HTML, manually clean out all the crap, and that would fix the problem.

In Sandvox 2, this procedure no longer works.  Often, when I edit text and hit 'enter', the line spacing will increase.  From reading Mike Abdullah's Sticky in this topic, I understand that this is because it is converting the old Raw HTML or something like that.

But I can't fix these line spacing problems manually any more because Edit Raw HTML is disabled.  What can I do?

Thanks,

Jerry Krinock

mikeabdullah

Administrator

Re: Conversion from Raw HTML increases line spacing

Hi Jerry, Sandvox 2 is very strict about the HTML it generates, making sure it is kept clean and tidy. Thus the design's specified line height and spacing should always be being used. Do you have an example of this problem published somewhere so I can take a look?

jerrykrinock

Member

Re: Conversion from Raw HTML increases line spacing

Thank you, Mike.  Here's a movie of the exploding text.  Here is the published page.  Again, this site was originally created with Sandvox 1 but has been published several times with Sandvox 2.

I have also zipped the .sandvox file.  It is 3.7 MB.  Send me an email address or something if you want it.

mikeabdullah

Administrator

Re: Conversion from Raw HTML increases line spacing

OK, so the problem here is that your original HTML is quite a bit messed up. It looks something like this:

<p>…</p>
<br>
<div>…</div>
<div>…</div>
<div>…</div>
<p>…</p>

The paragraphs (<P> tags) are correct, but the <DIV>s are completely throwing Sandvox off. Somehow in the past this text box has been filled with one <DIV> per line of text. This achieves the visual layout you'd like, but reads as a kind of nonsense for anyone using a screenreader. I don't know exactly how those <DIV>s came to be there — either by hand-editing, or pasting in from another app, the latter seems most likely.

Sandvox 2 doesn't allow <DIV>s in text boxes, and so is converting them all to be paragraphs (<P>) instead, whenever you make a change to the text. Each new paragraph has spacing before and after it, making it look like the line spacing has "exploded". I suggest you fix it by:

1. Making a small change like in your video

2. Place the cursor at the start of one of the new paragraphs, e.g. at the start of the word "enabled"

3. Hit the backspace key. This brings the new paragraph and previous together. You probably then want to hit the space key to restore correct text.

4. Repeat steps 2 and 3 for each new paragraph

jerrykrinock

Member

Re: Conversion from Raw HTML increases line spacing

Thank you, Mike.  It was necessary to do the backspace thing at the beginning of each line.  I think that I had to put newlines after each line in order to make it look proper in Sandvox 1, but apparently this is no longer necessary in Sandvox 2.  Anyhow, it works and I know what to do if I find any more crufty HTML like that.