{"id":3805,"date":"2017-09-15T13:43:54","date_gmt":"2017-09-15T13:43:54","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=3805"},"modified":"2019-07-22T13:20:16","modified_gmt":"2019-07-22T13:20:16","slug":"custom-amp-editor","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/custom-amp-editor\/","title":{"rendered":"Custom AMP Editor"},"content":{"rendered":"<p>What is Custom AMP Editor and how to use it? Read this tutorial to know more about it.<\/p>\n<h3>Custom AMP Editor<\/h3>\n<p>Want to strip some things from AMP content or add few extra things in it without changing your normal content?<\/p>\n<p>Then we got an extra weapon for you to achieve this task.<\/p>\n<p>Custom AMP Editor is an extra WYSIWYG editor present at the bottom of the edit page of post\/page. This will allow you to add content only in AMP. And the best part is, you don&#8217;t have to worry about sanitization of NON-AMP to AMP. Just add the things like your normal editor and it will directly convert those things to AMP.<\/p>\n<h3>How to use it?<\/h3>\n<p>When you edit a page\/post you will see an extra editor at the bottom. Add the content to it and select the checkbox and save the post.<\/p>\n<p>If you are using a Pagebuilder, then<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-3811\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor.png\" alt=\"Custom AMP Editor\" width=\"873\" height=\"564\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor.png 873w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor-300x194.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor-768x496.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor-50x32.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor-60x39.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Custom-AMP-Editor-100x65.png 100w\" sizes=\"(max-width: 873px) 100vw, 873px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<header class=\"hkb-article__header\">\n<h3 class=\"hkb-article__title\">PageBuilder issues in AMP<\/h3>\n<p>Sometimes it becomes difficult for AMP to catch the markup of the pages created by Pagebuilder and convert it into its own markup automatically. There are many page builders available in the market and the way they output the content is very different.&nbsp;That is a big problem in AMP.<\/p>\n<\/header>\n<div class=\"hkb-article__content\">\n<p>There are two solutions for this problem.<\/p>\n<ol>\n<li>You can re-create those pages with the help of&nbsp;<strong>Custom AMP Editor<\/strong>. Custom AMP Editor lets you control the output. Just copy the HTML content of that page\/post and paste it in Custom AMP Editor.<\/li>\n<li>You can also Hide those pages in AMP.<\/li>\n<\/ol>\n<p>We recommend you to re-create those page with the help of Custom AMP Editor.<\/p>\n<\/div>\n<p style=\"background-color: #ffdddd; border-left: 2px solid #f44336; padding:10px;\"><strong>Note:<\/strong> Use it only when you want to make some changes in the AMP content or your Pagebuilder is not working with AMP.<\/p>\n<p><strong>That&#8217;s it for this tutorial!<\/strong><\/p>\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>What is Custom AMP Editor and how to use it? Read this tutorial to know more about it. Custom AMP Editor Want to strip some things from AMP content or add few extra things in it without changing your normal content? Then we got an extra weapon for you to&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[85],"ht-kb-tag":[19,31],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3805"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=3805"}],"version-history":[{"count":3,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3805\/revisions"}],"predecessor-version":[{"id":12939,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3805\/revisions\/12939"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=3805"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=3805"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=3805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}