Guide reformats HTML code

Beantwortet


Gepostet 25. Okt. 2017

We have created some nicely formated and very basic HTML pages that we want to incorporate as part of our customer FAQ. Nevertheless, when we try to copy/paste the code, initially it is correctly previewed, but when we click the update button, then it gets re-formated and all the magic goes away. We have already invested some time into this and would like to know if there is any chance of working around this very inconvenient product "feature".


0

25

25 Kommentare

Hi There

Thanks for that, the line spacing is still off, but we can live with that I guess.

I would say its actually Zendesks code and not mine you are tweaking as I don't create the code, your editor does !

Did you tweak this on the published Article or something in the editor itself ?  I am concerned that when I update and republish the article again the edits you have made will disappear and I will be back to square one.

Cheers

Paul

0


I tweaked your code to make it look like this.

Thanks

0


@Paul Toomey,

I can see that width is working now and I tweaked it a bit using inspect tool (just for demo purpose) and this is how it is looking like now -

Thanks

0


Hi there - I tried that setting earlier today due to the comment above from the orignal poster of this query (sorry for hijacking this thread).

I turned on the option, went back into my article and made a change (just pressed enter) and then clicked Update and it looks exactly the same as before - all the formatting of the table column width is still missing.

Our HC is on navitas.zendesk.com, and this particular article is

https://navitas.zendesk.com/hc/en-us/articles/115002414992

Cheers

Paul

 

0


@Paul Toomey,

Please go to your help center settings and enable Display unsafe content.

Thanks

0


Hi there

Yes - this is exactly what we do.  I create a table, start typing in details and then drag the columns so they are the desired width in the editor screen. 

When I click on the </> icon on the editor window it shows all of this in the code

However when we click publish all of the style parts of the <td> tags gets removed by your publishing functions.  If I go back into the article to edit it again - everything looks fine and all the style attributes are on the <td> as expected.  It is just on the published article that all this is missing.

Cheers

Paul

0


@Paul Toomey,

Apologies for miss understanding your question.

Have you tried dragging your table columns while adding content to maintain the width?

Also can you please share the URL of your HC so I can take a look and make sure that anything else is not messing it up?

Are you using Copenhagen Theme?

Thanks

0


Hi There

I don't think you are getting me, we use your online editor as per below

We carefully drag the table columns to the specific widths we need, we then click on Publish and the Help Centre shows this as the result

Which is nothing like what we create in your system.

 

I have no idea about adding Code to a CSS, I don't have one.  I don't care about the dotted line etc, I want the widths that we set kept as otherwise in the published view the spacing is all wrong and various items in the first column wrap onto TWO lines instead of ONE etc

Hope that helps to explain.

Paul

0


@Paul Toomey,

Please add below code in your CSS and let me know how it goes for you -

th, td {border: dotted 1px #ddd;}

Thanks

0


@Trapta

Yes exactly - this is what we 'designed' in your editor, so we expect it to appear the same when we publish.  I am not using any external editor (I only copied the code into an editor to check what was going on).  We are creating articles with your online editor and publishing them, but they always look different between the two 'views'

Cheers

Paul

 

0


Post ist für Kommentare geschlossen.

Sie finden nicht, wonach Sie suchen?

Neuer Post