Support,

We have not noticed this problem before, but have recently seen multiple customers having problems when using inline CSS.

When they first save the page, it's OK. But when they re-edit the page later, AHE appears to be munging the CSS, specifically any use of background: url('') or background: url().

EXAMPLE #1

When a customer uses inline css using background: url('') like this:

<div style="background: url('https://www.bizamajig.com/content/22814/Bottom_Photo2.gif') no-repeat left top;width: 938px;">

AHE renders the HTML on next edit like this:

<div 938px;?="" left="" no-repeat="" Bottom_Photo2.gif?)="" 22814="" content="" www.bizamajig.com="">

EXAMPLE #1

When customer uses inline css using background: url() like this:

<div style="background: url(https://www.bizamajig.com/content/22814/Bottom_Photo2.gif) no-repeat left top;width: 938px;">

AHE renders the HTML on next edit like this:

<div style="background: url(&quot;https://www.bizamajig.com/content/22814/Bottom_Photo2.gif&quot;) no-repeat left top;width: 938px;">

Then on the next edit, AHE renders the HTML like this:

<div 938px;?="" left="" no-repeat="" Bottom_Photo2.gif?)="" 22814="" content="" www.bizamajig.com="">

So our question is two-part. 1) Is there a way we can coach our customer to enter inline CSS for background: url() that will not be altered/broken on next edit, and 2) Is this a bug that might be impacting other inline CSS that we might need to monitor?

Thanks for your feedback,
Billy

Hello Billy.

Instead of using div styling inside the html code.
We created in the user interface a field where you can apply your css stylings through custom css file and after that you can select the stylings from the drop down menu when the AHE is installed on your page.It's located under the general tab of the user interface of the extension.

Regards:Vulcho.

Vulcho,

Thank you for the idea. We already use the AHE custom css file feature for styles that are preset.

My question is different.

These styles are inline, and are not known ahead of time as they are applied by customers on-the-fly using the editor.

Is it possible for AHE to be setup so that it does not destroy inline CSS?

When AHE damages inline CSS, it has the effect of deleting customer content.

Thanks in advance.

Hello,

Can you please tell us what exactly do you have inside the editor? Are there any html code that you are editing?

Support,

Yes, here is the exact HTML inside the editor:

<div style="background: url('https://www.bizamajig.com/content/22814/Bottom_Photo2.gif') no-repeat left top;width: 938px;">  

Some text on top of div goes here...

</div>

And this above HTML is converted by AHE into this invalid HTML the next time the HTML is edited:

<div 938px;?="" left="" no-repeat="" Bottom_Photo2.gif?)="" 22814="" content="" www.bizamajig.com="">

Some text on top of div goes here...

</div>

Thanks for your feedback.

Hello,

I just tested the code you pasted in one of the sites i built using AHE3.

The code stays untouched after several edits/saves.

Can you please provide a link to your page where we can check this?

Certainly, will do so.

I am traveling and will return to office on November 20.

Then I will be able to immediately setup a username/password to the CMS editing page for you to review.

Thanks for your patience and support.