Guide reformats HTML code

답변함

2017년 10월 25일에 게시됨

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".

댓글 25개

날짜

최신순

Trapta Singh

2017년 10월 26일

@Paul Toomey

Do you want it to look like similar to one in your editor?

I don't know why the width is not working in your case, maybe there is something messing it up but about the UI part, you have to tweak the CSS to change the look and feel of table UI.

Thanks

Paul Toomey

2017년 10월 26일

We have the same issue, in our article we create nice looking tables with all the widths set on each column

But as soon as we publish this, the table is reformatted

In our code, the table is defined as

but when published all the style tags are removed !!!

So why on earth would your 'designer' put all this CSS style tags in if you are just going to strip them out when we publish the articles ???

How do I fix this please?

Thanks

Paul

Trapta Singh

2017년 10월 26일

@Juan Eusse,

Please copy and paste the CSS you are using in your CSS editor instead of article editor.

The reason behind the issue is, every time you are updating code, the WYSIWYG editor trims the <style></style> and other elements from your code and as a result, you see unformatted text.

Let me know how it goes for you.

Thanks

Juan Eusse

2017년 10월 26일

Dear support,

1. I want the code to be rendered in the articles, copy and paste the HTML code.

<html><head><meta content="text/html; charset=UTF-8" http-equiv="content-type"><style type="text/css">.lst-kix_792nxcl5rurz-0>li:before{content:"\0025cf  "}ul.lst-kix_792nxcl5rurz-8{list-style-type:none}ul.lst-kix_792nxcl5rurz-6{list-style-type:none}ul.lst-kix_792nxcl5rurz-7{list-style-type:none}ul.lst-kix_792nxcl5rurz-4{list-style-type:none}ul.lst-kix_792nxcl5rurz-5{list-style-type:none}.lst-kix_792nxcl5rurz-3>li:before{content:"\0025cf  "}.lst-kix_792nxcl5rurz-4>li:before{content:"\0025cb  "}.lst-kix_792nxcl5rurz-5>li:before{content:"\0025a0  "}.lst-kix_792nxcl5rurz-7>li:before{content:"\0025cb  "}.lst-kix_792nxcl5rurz-6>li:before{content:"\0025cf  "}.lst-kix_792nxcl5rurz-8>li:before{content:"\0025a0  "}ul.lst-kix_792nxcl5rurz-2{list-style-type:none}ul.lst-kix_792nxcl5rurz-3{list-style-type:none}ul.lst-kix_792nxcl5rurz-0{list-style-type:none}.lst-kix_792nxcl5rurz-2>li:before{content:"\0025a0  "}ul.lst-kix_792nxcl5rurz-1{list-style-type:none}.lst-kix_792nxcl5rurz-1>li:before{content:"\0025cb  "}ol{margin:0;padding:0}table td,table th{padding:0}.c2{margin-left:36pt;padding-top:0pt;padding-left:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c8{margin-left:108pt;padding-top:0pt;padding-left:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c11{margin-left:72pt;padding-top:0pt;padding-left:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c3{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:16pt;font-family:"Arial";font-style:normal}.c13{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:20pt;font-family:"Arial";font-style:normal}.c1{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Courier New";font-style:normal}.c0{color:#000000;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:11pt;font-family:"Arial";font-style:normal}.c9{padding-top:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left;height:11pt}.c6{color:#434343;font-weight:400;text-decoration:none;vertical-align:baseline;font-size:14pt;font-family:"Arial";font-style:normal}.c14{padding-top:0pt;padding-bottom:0pt;line-height:1.15;orphans:2;widows:2;text-align:left}.c4{padding-top:18pt;padding-bottom:6pt;line-height:1.15;page-break-after:avoid;text-align:left}.c7{padding-top:16pt;padding-bottom:4pt;line-height:1.15;page-break-after:avoid;text-align:left}.c12{padding-top:20pt;padding-bottom:6pt;line-height:1.15;page-break-after:avoid;text-align:left}.c10{background-color:#ffffff;max-width:451.4pt;padding:72pt 72pt 72pt 72pt}.c5{padding:0;margin:0}.title{padding-top:0pt;color:#000000;font-size:26pt;padding-bottom:3pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}.subtitle{padding-top:0pt;color:#666666;font-size:15pt;padding-bottom:16pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}li{color:#000000;font-size:11pt;font-family:"Arial"}p{margin:0;color:#000000;font-size:11pt;font-family:"Arial"}h1{padding-top:20pt;color:#000000;font-size:20pt;padding-bottom:6pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h2{padding-top:18pt;color:#000000;font-size:16pt;padding-bottom:6pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h3{padding-top:16pt;color:#434343;font-size:14pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h4{padding-top:14pt;color:#666666;font-size:12pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h5{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;orphans:2;widows:2;text-align:left}h6{padding-top:12pt;color:#666666;font-size:11pt;padding-bottom:4pt;font-family:"Arial";line-height:1.15;page-break-after:avoid;font-style:italic;orphans:2;widows:2;text-align:left}</style></head><body class="c10"><h1 class="c12" id="h.wich2v3o1109"><span class="c13">Test Heading</span></h1><p class="c14"><span class="c0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. </span></p><h2 class="c4" id="h.9oc8x37u0054"><span class="c3">Heading 2</span></h2><p class="c14"><span class="c0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. </span></p><h3 class="c7" id="h.23p29b3l58eg"><span class="c6">Heading 3</span></h3><p class="c9"><span class="c1"></span></p><p class="c14"><span class="c1">Source code in courier new</span></p><p class="c14"><span class="c1">Source code in courier new</span></p><p class="c9"><span class="c0"></span></p><p class="c14"><span class="c0">List:</span></p><ul class="c5 lst-kix_792nxcl5rurz-0 start"><li class="c2"><span class="c0">Level 1</span></li></ul><ul class="c5 lst-kix_792nxcl5rurz-1 start"><li class="c11"><span class="c0">Level 2</span></li></ul><ul class="c5 lst-kix_792nxcl5rurz-2 start"><li class="c8"><span class="c0">Level 3</span></li></ul><ul class="c5 lst-kix_792nxcl5rurz-1"><li class="c11"><span class="c0">Level 2</span></li></ul></body></html>