20赞

HTML:<textarea> -Tag:如何正确转义那里显示的HTML和JavaScript内容？

作者：携手相约幸福 | 2023-08-06 10:35

如何解决《HTML:<textarea>-Tag:如何正确转义那里显示的HTML和JavaScript内容？》经验，为你挑选了1个好方法。

我有一个HTML标签$FOO,$FOO变量将填充任意HTML和JavaScript内容,以便在textarea中显示和编辑.什么样的"逃避"我要申请$ FOO？

我首先想要逃避HTML,但这不起作用(因为我将显示不是$ FOO的原始HTML代码,而是转义的内容.这当然不是我想要的:我希望显示未转义的HTML/JS变量的内容......

是否无法在</code>标记中显示HTML内容并允许其作为完整HTML进行编辑？</p> <p>谢谢jens</p><br><br><b>1> bobince..：</b><hr><blockquote> <p>我首先想要逃避HTML</p> </blockquote> <p>恩,那就对了.a <code><textarea></code>的内容与a <code><span></code>或a之类的任何其他元素的内容没有区别<code><p></code>:如果你想在其中放入一些文本,你必须将HTML中的任何一个<code><</code>或<code>&</code>字符分别转义为<code><</code>和<code>&</code>.</p> <p>浏览器确实倾向于在<code><textarea></code>s中给出更多的故障标记余地,因为无效的非转义<code><</code>符号的后备是将它们呈现为文本而不是标记,但这并不会使它更加错误或危险(对于XSS).</p> <blockquote> <p>但这没用</p> </blockquote> <p>请发布您所做的不起作用的内容.HTML转义绝对是正确的.</p></p> </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_recommend"> <div class="list_top">推荐阅读</div> <div class="ListItems"> <ul class="NewsList"> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZaiFuWuQiDuanDen_bc897d03.html" target="_blank" title="在服务器端登录用户帐户">在服务器端登录用户帐户</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在服务器端登录用户帐户》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZaiFuWuQiDuanDen_bc897d03.html" target="_blank" title="在服务器端登录用户帐户">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/KendoTabStrip_Zh_81a6eea1.html" target="_blank" title="Kendo TabStrip中的Kendo MVC网格">Kendo TabStrip中的Kendo MVC网格</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/KendoTabStrip_Zh_81a6eea1.html" target="_blank" title="Kendo TabStrip中的Kendo MVC网格"><img src="https://img.devbox.cn/3cccf/16086/243/401b7dd09fd950b0.png" width="120" height="70" alt="Kendo TabStrip中的Kendo MVC网格"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《KendoTabStrip中的KendoMVC网格》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/KendoTabStrip_Zh_81a6eea1.html" target="_blank" title="Kendo TabStrip中的Kendo MVC网格">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZai_symfonyW_e99e66ba.html" target="_blank" title="如何在symfony WebTestCase中通过测试中的fixture类型获取doctrine fixture引用？">如何在symfony WebTestCase中通过测试中的fixture类型获取doctrine fixture引用？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在symfonyWebTestCase中通过测试中的fixture类型获取doctrinefixture引用？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuHeZai_symfonyW_e99e66ba.html" target="_blank" title="如何在symfony WebTestCase中通过测试中的fixture类型获取doctrine fixture引用？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuGuoXiaoXiShiYo_80574ef7.html" target="_blank" title="如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？">如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuGuoXiaoXiShiYo_80574ef7.html" target="_blank" title="如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiShiMe_java_Me_ad04ed53.html" target="_blank" title="为什么java没有从用户定义的类执行overriden hashcode()方法？">为什么java没有从用户定义的类执行overriden hashcode()方法？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《为什么java没有从用户定义的类执行overridenhashcode()方法？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiShiMe_java_Me_ad04ed53.html" target="_blank" title="为什么java没有从用户定义的类执行overriden hashcode()方法？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/YouMeiYouQiTaGen_bcc33ab7.html" target="_blank" title="有没有其他更好的方法将参数传递给backgroundworker runasync？">有没有其他更好的方法将参数传递给backgroundworker runasync？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《有没有其他更好的方法将参数传递给backgroundworkerrunasync？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/YouMeiYouQiTaGen_bcc33ab7.html" target="_blank" title="有没有其他更好的方法将参数传递给backgroundworker runasync？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Cassandra_DeJian_4cf581c8.html" target="_blank" title="Cassandra的监听地址总是在监听ipv6地址">Cassandra的监听地址总是在监听ipv6地址</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/Cassandra_DeJian_4cf581c8.html" target="_blank" title="Cassandra的监听地址总是在监听ipv6地址"><img src="https://img.devbox.cn/3cccf/16086/243/01c11a9512977c76.png" width="120" height="70" alt="Cassandra的监听地址总是在监听ipv6地址"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《Cassandra的监听地址总是在监听ipv6地址》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Cassandra_DeJian_4cf581c8.html" target="_blank" title="Cassandra的监听地址总是在监听ipv6地址">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/iPython_BiJiBenC_f80e3de2.html" target="_blank" title="iPython笔记本错误 - Notebook JSON无效:u'execution_count'是必需属性">iPython笔记本错误 - Notebook JSON无效:u'execution_count'是必需属性</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《iPython笔记本错误-NotebookJSON无效:u'execution_count'是必需属性》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/iPython_BiJiBenC_f80e3de2.html" target="_blank" title="iPython笔记本错误 - Notebook JSON无效:u'execution_count'是必需属性">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_MySQL_ZhongC_eaf58de3.html" target="_blank" title="在MySQL中查找至少2个元音的名称">在MySQL中查找至少2个元音的名称</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在MySQL中查找至少2个元音的名称》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Zai_MySQL_ZhongC_eaf58de3.html" target="_blank" title="在MySQL中查找至少2个元音的名称">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeBiMian_java__7b3338a0.html" target="_blank" title="如何避免java上的java.lang.NoClassDefFoundError:android/os/PersistableBundle？">如何避免java上的java.lang.NoClassDefFoundError:android/os/PersistableBundle？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何避免java上的java.lang.NoClassDefFoundError:android/os/PersistableBundle？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeBiMian_java__7b3338a0.html" target="_blank" title="如何避免java上的java.lang.NoClassDefFoundError:android/os/PersistableBundle？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/sql_ZhongDeQianW_af0c0828.html" target="_blank" title="sql中的千位分隔符">sql中的千位分隔符</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《sql中的千位分隔符》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/sql_ZhongDeQianW_af0c0828.html" target="_blank" title="sql中的千位分隔符">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/NiRuHeCeShiZiDin_5516176e.html" target="_blank" title="你如何测试自定义的期望？">你如何测试自定义的期望？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《你如何测试自定义的期望？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/NiRuHeCeShiZiDin_5516176e.html" target="_blank" title="你如何测试自定义的期望？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Javascript_ShuZu_608b4206.html" target="_blank" title="Javascript数组未定义大小">Javascript数组未定义大小</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Javascript数组未定义大小》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Javascript_ShuZu_608b4206.html" target="_blank" title="Javascript数组未定义大小">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiFouKeYiZai_Da_07d5c566.html" target="_blank" title="是否可以在Dagger 2中有选择地为组件设置模块？">是否可以在Dagger 2中有选择地为组件设置模块？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《是否可以在Dagger2中有选择地为组件设置模块？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ShiFouKeYiZai_Da_07d5c566.html" target="_blank" title="是否可以在Dagger 2中有选择地为组件设置模块？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiYong_SpringSe_dd903a49.html" target="_blank" title="使用Spring Security时，允许所有域使用iframe">使用Spring Security时，允许所有域使用iframe</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《使用SpringSecurity时，允许所有域使用iframe》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ShiYong_SpringSe_dd903a49.html" target="_blank" title="使用Spring Security时，允许所有域使用iframe">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/KeYiAnQuanDiZhiJ_2a849a43.html" target="_blank" title="可以安全地直接访问$ _SERVER ['DOCUMENT_ROOT']吗？">可以安全地直接访问$ _SERVER ['DOCUMENT_ROOT']吗？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《可以安全地直接访问$_SERVER['DOCUMENT_ROOT']吗？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/KeYiAnQuanDiZhiJ_2a849a43.html" target="_blank" title="可以安全地直接访问$ _SERVER ['DOCUMENT_ROOT']吗？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/CronJob_JinXianT_174fa74e.html" target="_blank" title="Cron Job仅限特定月份">Cron Job仅限特定月份</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《CronJob仅限特定月份》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/CronJob_JinXianT_174fa74e.html" target="_blank" title="Cron Job仅限特定月份">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/LaiZi_EditText_D_84d3e5af.html" target="_blank" title="来自EditText动画的TextView就像在LinkedIn上一样">来自EditText动画的TextView就像在LinkedIn上一样</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《来自EditText动画的TextView就像在LinkedIn上一样》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/LaiZi_EditText_D_84d3e5af.html" target="_blank" title="来自EditText动画的TextView就像在LinkedIn上一样">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_python_Zhong_28c675c5.html" target="_blank" title="在python中反转列表切片">在python中反转列表切片</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在python中反转列表切片》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Zai_python_Zhong_28c675c5.html" target="_blank" title="在python中反转列表切片">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiShiMeWoDeChaX_443d09dc.html" target="_blank" title="为什么我的查询结果返回false">为什么我的查询结果返回false</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《为什么我的查询结果返回false》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiShiMeWoDeChaX_443d09dc.html" target="_blank" title="为什么我的查询结果返回false">[详细]</a> </div> <div style="clear:both"></div> </li> </ul> </div> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了


            
                
                                        会员登录 | 用户注册