Inputing html directly into a CMS block

srjacob · December 24, 2013

I am building and formatting text to be inserted into a CMS block using Adobe Dreamweaver. I am creating the text using hyperlinks, named anchors, and style sheets. I get the page formatted perfectly, but when I try to insert this directly into a CMS block, the text gets all messed up, and the hyperlinks, anchors, and styles disappear. I tried clicking on HTML in the editor window, but when I pasted the html and then clicked update, the same thing happens.

Does anyone know how to input an html formatted document into a CMS page?

Thanks in advance.

Steve

bellini13 · December 24, 2013

you may be using coding that is not syntactically correct, and therefore it gets 'rejected'.

if you could post the code you are using we can confirm.

srjacob · December 24, 2013

The html was created using Dreamweaver. Dreamweaver thinks it is syntactically correct, and it works fine in MSIE and Firefox. The problem seems to be imbedded anchors, hyperlinks, and CSS sheets. I don't think CMS likes these.

Has anyone else had this experience

bellini13 · December 24, 2013

i have used <a> (anchor) and inline style sheets in CMS blocks, so I know they work. I have also experienced the CMS content removing what it thinks is invalid.

So, if you would like to post the content, then you will likely get better support for addressing the issues you have

srjacob · December 24, 2013

I can't seem to post the html. I copied and pasted it in the message, but it won't post.

I can't seem to post the html. I copied and pasted it in the message, but it won't post.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body>
Welcome to the Hangatablet.com Website. By using the Hangatablet.com website, you agree to be bound by its Terms and Conditions, Legal Notices and Disclaimers and Privacy Policy and all disclaimers, terms and conditions that appear elsewhere on the Hangatablet.com Website.
 
<a href="#PurchaseAgreement">Purchase Agreement</a>
<a href="#Copyright">Copyright & Download</a>
 
 
<a name="PurchaseAgreement" id="PurchaseAgreement"></a>Purchase Agreement
By processing your pending order through the utilization of your credit card, money order or check, YOU AGREE THAT YOU HAVE ENTERED INTO A LEGAL AND ENFORCEABLE ONLINE CONTRACT WITH HANGATABLET.COM., AND ACCEPT THE TERMS AND CONDITIONS AS STATED IN THIS “CONDITIONS OF USE AND SALE” TO GOVERN YOUR PENDING TRANSACTION WITH HANGATABLET.COM.
 
<a href="#" target="_top">Back to Top</a>
 
<a name="Copyright" id="Copyright"></a>Copyright
All content included on or comprising the Hangatablet.com Website including information, data, software, photographs, graphs, videos, typefaces, graphics, music, sounds and other material (collectively "Content") is protected by copyright, trademark or other proprietary rights, and these rights are valid and protected in all forms, media and technologies existing now or developed in the future. All Content is copyrighted as a collective work under the U.S. and international copyright laws, and Hangatablet.com owns, to the fullest extent allowed by such laws, the copyright in the selection, coordination, arrangement, and enhancement of all Content.
 
Except as expressly authorized or licensed, you may not copy, modify, remove, delete, augment, add to, publish, transmit, participate in the transfer or sale, lease or rental of, create derivative works from or in any way exploit any of the Content, in whole or in part.
 
The Hangatablet.com logos and other trademarks on the Website are the property of their respective owners and are owned by, licensed to, or, where required, used with permission by Hangatablet.com. and may not be reproduced, copied, or manipulated in any manner without the express, written approval of the trademark owner.
 
By using the Hangatablet.com Website, you agree that any information (except for purchase information), materials, suggestions, ideas or comments you send to Hangatablet.com or any other third party using the Hangatablet.com Website is non-confidential. By submitting any solicited or unsolicited information using the Hangatablet.com Website, you grant Hangatablet.com. an irrevocable and unrestricted license to use, modify, reproduce, transmit, display and distribute such materials, information, suggestions, ideas or comments for any purpose whatsoever to the extent permitted by law.
 
Furthermore, do not post or transmit any unlawful, threatening, libelous, defamatory, obscene, pornographic or profane material or any material that could constitute or encourage conduct that would be considered a criminal offense or violate any law.
 
Right to Download
You may only download Content displayed on the Hangatablet.com Website for non-commercial, personal use provided you also retain all copyright, trademark and other proprietary notices contained in the material, do not modify or alter the material and do not copy or post the material on any network computer or broadcast the material in any media. It is strictly prohibited to modify, transmit, distribute, reuse, repost, "frame" or use the content of the Hangatablet.com Website including the text, images, audio and/or video for public or commercial purposes without written permission from an authorized representative of Hangatablet.com. It is strictly prohibited to download the images of the products for sale within this Website.
 
<a href="#" target="_top">Back to Top</a>
 
 
</body>
</html>

vekia · December 25, 2013

for the first you have to remove doctype and whole header section, also <body></body> tags

if you want to use <style></style> tags inside rich text editor (tinymce) you have to extend tinymce object

then use this code:

<p>Untitled Document</p>
<p class="MsoNormal">Welcome to the Hangatablet.com Website. By using the Hangatablet.com website, you agree to be bound by its Terms and Conditions, Legal Notices and Disclaimers and Privacy Policy and all disclaimers, terms and conditions that appear elsewhere on the Hangatablet.com Website.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a href="#PurchaseAgreement">Purchase Agreement</a></p>
<p class="MsoNormal"><a href="#Copyright">Copyright & Download</a></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a id="PurchaseAgreement" name="PurchaseAgreement"></a><span class="Heading">Purchase Agreement</span></p>
<p class="MsoNormal">By processing your pending order through the utilization of your credit card, money order or check, YOU AGREE THAT YOU HAVE ENTERED INTO A LEGAL AND ENFORCEABLE ONLINE CONTRACT WITH HANGATABLET.COM., AND ACCEPT THE TERMS AND CONDITIONS AS STATED IN THIS “CONDITIONS OF USE AND SALE” TO GOVERN YOUR PENDING TRANSACTION WITH HANGATABLET.COM.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a href="#" target="_top">Back to Top</a></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a id="Copyright" name="Copyright"></a><span class="Heading">Copyright</span></p>
<p class="MsoNormal">All content included on or comprising the Hangatablet.com Website including information, data, software, photographs, graphs, videos, typefaces, graphics, music, sounds and other material (collectively "Content") is protected by copyright, trademark or other proprietary rights, and these rights are valid and protected in all forms, media and technologies existing now or developed in the future. All Content is copyrighted as a collective work under the U.S. and international copyright laws, and Hangatablet.com owns, to the fullest extent allowed by such laws, the copyright in the selection, coordination, arrangement, and enhancement of all Content.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Except as expressly authorized or licensed, you may not copy, modify, remove, delete, augment, add to, publish, transmit, participate in the transfer or sale, lease or rental of, create derivative works from or in any way exploit any of the Content, in whole or in part.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">The Hangatablet.com logos and other trademarks on the Website are the property of their respective owners and are owned by, licensed to, or, where required, used with permission by Hangatablet.com. and may not be reproduced, copied, or manipulated in any manner without the express, written approval of the trademark owner.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">By using the Hangatablet.com Website, you agree that any information (except for purchase information), materials, suggestions, ideas or comments you send to Hangatablet.com or any other third party using the Hangatablet.com Website is non-confidential. By submitting any solicited or unsolicited information using the Hangatablet.com Website, you grant Hangatablet.com. an irrevocable and unrestricted license to use, modify, reproduce, transmit, display and distribute such materials, information, suggestions, ideas or comments for any purpose whatsoever to the extent permitted by law.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Furthermore, do not post or transmit any unlawful, threatening, libelous, defamatory, obscene, pornographic or profane material or any material that could constitute or encourage conduct that would be considered a criminal offense or violate any law.</p>
<p class="MsoNormal"> </p>
<p class="Heading">Right to Download</p>
<p class="MsoNormal">You may only download Content displayed on the Hangatablet.com Website for non-commercial, personal use provided you also retain all copyright, trademark and other proprietary notices contained in the material, do not modify or alter the material and do not copy or post the material on any network computer or broadcast the material in any media. It is strictly prohibited to modify, transmit, distribute, reuse, repost, "frame" or use the content of the Hangatablet.com Website including the text, images, audio and/or video for public or commercial purposes without written permission from an authorized representative of Hangatablet.com. It is strictly prohibited to download the images of the products for sale within this Website.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a href="#" target="_top">Back to Top</a></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>

<style type="text/css">
p.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.Heading {
    font: bold 18px Georgia, "Times New Roman", Times, serif;
}
</style>

if you don't want to modify core,

you can use css styles in global.css file (in your theme directory)

p.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.Heading {
    font: bold 18px Georgia, "Times New Roman", Times, serif;
}

and in cms editor use only html code without <style></style> tag

srjacob · December 25, 2013

for the first you have to remove doctype and whole header section, also <body></body> tags

if you want to use <style></style> tags inside rich text editor (tinymce) you have to extend tinymce object

then use this code:

<p>Untitled Document</p>
<p class="MsoNormal">Welcome to the Hangatablet.com Website. By using the Hangatablet.com website, you agree to be bound by its Terms and Conditions, Legal Notices and Disclaimers and Privacy Policy and all disclaimers, terms and conditions that appear elsewhere on the Hangatablet.com Website.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a href="#PurchaseAgreement">Purchase Agreement</a></p>
<p class="MsoNormal"><a href="#Copyright">Copyright & Download</a></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a id="PurchaseAgreement" name="PurchaseAgreement"></a><span class="Heading">Purchase Agreement</span></p>
<p class="MsoNormal">By processing your pending order through the utilization of your credit card, money order or check, YOU AGREE THAT YOU HAVE ENTERED INTO A LEGAL AND ENFORCEABLE ONLINE CONTRACT WITH HANGATABLET.COM., AND ACCEPT THE TERMS AND CONDITIONS AS STATED IN THIS “CONDITIONS OF USE AND SALE” TO GOVERN YOUR PENDING TRANSACTION WITH HANGATABLET.COM.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a href="#" target="_top">Back to Top</a></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a id="Copyright" name="Copyright"></a><span class="Heading">Copyright</span></p>
<p class="MsoNormal">All content included on or comprising the Hangatablet.com Website including information, data, software, photographs, graphs, videos, typefaces, graphics, music, sounds and other material (collectively "Content") is protected by copyright, trademark or other proprietary rights, and these rights are valid and protected in all forms, media and technologies existing now or developed in the future. All Content is copyrighted as a collective work under the U.S. and international copyright laws, and Hangatablet.com owns, to the fullest extent allowed by such laws, the copyright in the selection, coordination, arrangement, and enhancement of all Content.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Except as expressly authorized or licensed, you may not copy, modify, remove, delete, augment, add to, publish, transmit, participate in the transfer or sale, lease or rental of, create derivative works from or in any way exploit any of the Content, in whole or in part.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">The Hangatablet.com logos and other trademarks on the Website are the property of their respective owners and are owned by, licensed to, or, where required, used with permission by Hangatablet.com. and may not be reproduced, copied, or manipulated in any manner without the express, written approval of the trademark owner.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">By using the Hangatablet.com Website, you agree that any information (except for purchase information), materials, suggestions, ideas or comments you send to Hangatablet.com or any other third party using the Hangatablet.com Website is non-confidential. By submitting any solicited or unsolicited information using the Hangatablet.com Website, you grant Hangatablet.com. an irrevocable and unrestricted license to use, modify, reproduce, transmit, display and distribute such materials, information, suggestions, ideas or comments for any purpose whatsoever to the extent permitted by law.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">Furthermore, do not post or transmit any unlawful, threatening, libelous, defamatory, obscene, pornographic or profane material or any material that could constitute or encourage conduct that would be considered a criminal offense or violate any law.</p>
<p class="MsoNormal"> </p>
<p class="Heading">Right to Download</p>
<p class="MsoNormal">You may only download Content displayed on the Hangatablet.com Website for non-commercial, personal use provided you also retain all copyright, trademark and other proprietary notices contained in the material, do not modify or alter the material and do not copy or post the material on any network computer or broadcast the material in any media. It is strictly prohibited to modify, transmit, distribute, reuse, repost, "frame" or use the content of the Hangatablet.com Website including the text, images, audio and/or video for public or commercial purposes without written permission from an authorized representative of Hangatablet.com. It is strictly prohibited to download the images of the products for sale within this Website.</p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><a href="#" target="_top">Back to Top</a></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>

<style type="text/css">
p.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.Heading {
    font: bold 18px Georgia, "Times New Roman", Times, serif;
}
</style>

if you don't want to modify core,

you can use css styles in global.css file (in your theme directory)

p.MsoNormal {
margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";
}
.Heading {
    font: bold 18px Georgia, "Times New Roman", Times, serif;
}

and in cms editor use only html code without <style></style> tag

I used the "extend TinyMCE editor". I have Prestashop, and what I got was no editor at all, but the raw html in the CMS edit box. I cut and pasted my html into the box, and it seemed to work fine, except that the hyperlinks were not underlined (something must turn that off).

I got my html into a CMS edit box, which is what I wanted to do.

vekia · December 26, 2013

link arent underlined due to the css styles.

use additional styles:

.MsoNormal a {text-decoration:underline!important;}

Sign In

Inputing html directly into a CMS block

Recommended Posts

srjacob

Link to comment

Share on other sites

bellini13

Link to comment

Share on other sites

srjacob

Link to comment

Share on other sites

bellini13

Link to comment

Share on other sites

srjacob

Link to comment

Share on other sites

vekia

Link to comment

Share on other sites

srjacob

Link to comment

Share on other sites

vekia

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com