{"id":246014,"date":"2014-09-23T10:12:37","date_gmt":"2014-09-23T10:12:37","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&#038;p=246014"},"modified":"2020-11-16T10:16:09","modified_gmt":"2020-11-16T10:16:09","slug":"selecting-allowed-tags-in-front-end-forms","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/es\/course-lesson\/selecting-allowed-tags-in-front-end-forms\/","title":{"rendered":"Selecting allowed tags in front-end forms"},"content":{"rendered":"\n<p>The checked tags will be allowed in the form fields while the unchecked ones will not.<\/p>\n\n\n\n<p>Go to\u00a0the\u00a0<strong>Toolset<\/strong>\u00a0\u2192\u00a0<strong>Settings<\/strong>\u00a0page and click the\u00a0<strong>Forms<\/strong>\u00a0tab. In the\u00a0<strong>Content Filter<\/strong>\u00a0section, click the\u00a0<strong>Select allowed HTML tags<\/strong>\u00a0button. A dialog box for selecting allowed HTML tags will appear. Settings page with the Forms options<\/p>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid tb-grid\" data-toolset-blocks-grid=\"3d9c399fe625e1b972f817a0680229f6\">\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"934c3df24bbc8f6ea6ce22dcefa753b6\"><div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media aligncenter\" data-toolset-blocks-image=\"fea0122da5819defd7ce8f98b1f4db4b\"><a href=\"https:\/\/toolset.com\/wp-content\/uploads\/2018\/04\/toolset-forms-content-filter-settings-1.jpg\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2018\/04\/toolset-forms-content-filter-settings-1-500x454.jpg\" alt=\"Settings page with the Forms options\" class=\"wp-image-697289\"\/><\/a><div class=\"tb-image-caption\"><figcaption>Settings page with the Forms options<\/figcaption><\/div><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-toolset-blocks-grid-column tb-grid-column tb-grid-align-top\" data-toolset-blocks-grid-column=\"2803da755bfa3820943eb56ab49ec477\"><div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media aligncenter\" data-toolset-blocks-image=\"70d4e26d772c6135404bccdf12c8548e\"><a href=\"https:\/\/toolset.com\/wp-content\/uploads\/2014\/09\/cred-settings-allowed-html-tags.png\"><img decoding=\"async\" width=\"764\" height=\"734\" loading=\"lazy\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2014\/09\/cred-settings-allowed-html-tags.png\" alt=\"Dialog box for selecting allowed HTML tags in Forms\" class=\"wp-image-1673451\" srcset=\"https:\/\/toolset.com\/wp-content\/uploads\/2014\/09\/cred-settings-allowed-html-tags.png 764w, https:\/\/toolset.com\/wp-content\/uploads\/2014\/09\/cred-settings-allowed-html-tags-150x144.png 150w, https:\/\/toolset.com\/wp-content\/uploads\/2014\/09\/cred-settings-allowed-html-tags-300x288.png 300w, https:\/\/toolset.com\/wp-content\/uploads\/2014\/09\/cred-settings-allowed-html-tags-541x520.png 541w\" sizes=\"auto, (max-width: 764px) 100vw, 764px\" \/><\/a><div class=\"tb-image-caption\"><figcaption>Dialog box for selecting allowed HTML tags in Toolset Forms<\/figcaption><\/div><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Example:<\/strong>&nbsp;in the second screenshot, you can see that only the&nbsp;<strong>span&nbsp;<\/strong>tag is&nbsp;<strong>not<\/strong>&nbsp;checked. This means it will be filtered out (removed) if used in Toolset form <a href=\"https:\/\/toolset.com\/es\/glossary\/custom-fields\/\">custom fields<\/a> on the front-end.<\/p>\n\n\n\n<p> Let\u2019s consider that users put the following code in any field of a Toolset form on the front-end:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n &amp;lt;span style=&quot;color:red&quot;&gt;Lorem Ipsum&amp;lt;\/span&gt;\n<\/pre><\/div>\n\n\n<p>When that form is submitted, the&nbsp;<strong>span<\/strong>&nbsp;tag will be filtered out and the following will be saved: Lorem Ipsum<\/p>\n","protected":false},"author":4341,"featured_media":1664909,"template":"","related-lesson":[8429],"class_list":["post-246014","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-post-forms"],"_links":{"self":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/246014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":8,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/246014\/revisions"}],"predecessor-version":[{"id":1680353,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/course-lesson\/246014\/revisions\/1680353"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media\/1664909"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/media?parent=246014"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/es\/wp-json\/wp\/v2\/related-lesson?post=246014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}