Display Raw HTML from json to AMP page

up vote
2
down vote

favorite

Currently, I'm trying to implement AMP to an existing Product page and I'm a little bit stuck on displaying some data.

The field which I'm trying to display comes from json and contains Raw HTML (something like the following):

description: { '<h1>section title</h1><p>section description</p>' }

On the AMP documentation I couldn't find any informations about displaying/converting the above string into default HTML tags.

Could you tell me please if there is a way to achieve this with AMP?

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

asked Nov 10 at 21:40

Hetriuc Florentin

132

add a comment |

up vote
2
down vote

favorite

Currently, I'm trying to implement AMP to an existing Product page and I'm a little bit stuck on displaying some data.

The field which I'm trying to display comes from json and contains Raw HTML (something like the following):

description: { '<h1>section title</h1><p>section description</p>' }

On the AMP documentation I couldn't find any informations about displaying/converting the above string into default HTML tags.

Could you tell me please if there is a way to achieve this with AMP?

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

asked Nov 10 at 21:40

Hetriuc Florentin

132

add a comment |

up vote
2
down vote

favorite

Currently, I'm trying to implement AMP to an existing Product page and I'm a little bit stuck on displaying some data.

The field which I'm trying to display comes from json and contains Raw HTML (something like the following):

description: { '<h1>section title</h1><p>section description</p>' }

On the AMP documentation I couldn't find any informations about displaying/converting the above string into default HTML tags.

Could you tell me please if there is a way to achieve this with AMP?

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

asked Nov 10 at 21:40

Hetriuc Florentin

132

Currently, I'm trying to implement AMP to an existing Product page and I'm a little bit stuck on displaying some data.

The field which I'm trying to display comes from json and contains Raw HTML (something like the following):

description: { '<h1>section title</h1><p>section description</p>' }

On the AMP documentation I couldn't find any informations about displaying/converting the above string into default HTML tags.

Could you tell me please if there is a way to achieve this with AMP?

amp-html

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

asked Nov 10 at 21:40

Hetriuc Florentin

132

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

asked Nov 10 at 21:40

Hetriuc Florentin

132

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

edited Nov 11 at 7:04

Bachcha Singh

2,1652924

asked Nov 10 at 21:40

Hetriuc Florentin

132

asked Nov 10 at 21:40

Hetriuc Florentin

132

asked Nov 10 at 21:40

Hetriuc Florentin

132

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

accepted

You can render raw HTML by using triple curly braces rather than double, for example {{{htmlProperty}}} like {{{description}}}

<h1> tag is not supported

For more information

edited Nov 11 at 7:01

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

Works as it should! Thank you very much @Bachcha!
– Hetriuc Florentin
Nov 11 at 11:13

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53243684%2fdisplay-raw-html-from-json-to-amp-page%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

accepted

You can render raw HTML by using triple curly braces rather than double, for example {{{htmlProperty}}} like {{{description}}}

<h1> tag is not supported

For more information

edited Nov 11 at 7:01

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

Works as it should! Thank you very much @Bachcha!
– Hetriuc Florentin
Nov 11 at 11:13

add a comment |

up vote
0
down vote

accepted

You can render raw HTML by using triple curly braces rather than double, for example {{{htmlProperty}}} like {{{description}}}

<h1> tag is not supported

For more information

edited Nov 11 at 7:01

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

Works as it should! Thank you very much @Bachcha!
– Hetriuc Florentin
Nov 11 at 11:13

add a comment |

up vote
0
down vote

accepted

You can render raw HTML by using triple curly braces rather than double, for example {{{htmlProperty}}} like {{{description}}}

<h1> tag is not supported

For more information

edited Nov 11 at 7:01

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

You can render raw HTML by using triple curly braces rather than double, for example {{{htmlProperty}}} like {{{description}}}

<h1> tag is not supported

For more information

edited Nov 11 at 7:01

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

edited Nov 11 at 7:01

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

answered Nov 11 at 6:47

Bachcha Singh

2,1652924

Works as it should! Thank you very much @Bachcha!
– Hetriuc Florentin
Nov 11 at 11:13

add a comment |

Works as it should! Thank you very much @Bachcha!
– Hetriuc Florentin
Nov 11 at 11:13

Works as it should! Thank you very much @Bachcha!
– Hetriuc Florentin
Nov 11 at 11:13

add a comment |

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Nrthugu