jQuery从Textarea中转义HTML
好的，让我来回答这个问题。
首先，jQuery 是一个流行的 JavaScript 库，它提供了丰富的 HTML 元素操作功能，使得我们可以方便地操作 HTML 文档。从 Textarea 中转义 HTML 可以通过 jQuery 的 text() 方法实现，该方法可以将 Textarea 中的文本内容转换为 HTML 格式，并插入到文档中。
下面是一个示例代码，可以将 Textarea 中的文本内容转换为 HTML 格式，并插入到文档中：
$(function() {
$("#textarea").val($("textarea").text());
});上述代码中，我们通过 jQuery 的 val() 方法获取 Textarea 中的文本内容，并使用 text() 方法将该内容转换为 HTML 格式。最后，我们使用 jQuery 的 html() 方法将转换后的 HTML 格式内容插入到文档中。
需要注意的是，jQuery 的 text() 方法会将 Textarea 中的所有格式化内容转换为纯文本格式，包括 HTML 标签和 CSS 样式等。因此，如果需要保留 HTML 标签和 CSS 样式等格式化内容，可以使用 jQuery 的 html() 方法将 Textarea 中的文本内容转换为 HTML 格式，并插入到文档中。
总的来说，jQuery 可以帮助我们方便地操作 HTML 文档，并提供丰富的 HTML 元素操作功能。从 Textarea 中转义 HTML 可以通过 jQuery 的 text() 方法实现，需要注意转换后的 HTML 格式内容可能会包含一些不安全的内容，需要进一步进行处理。
相关·内容
2回答
我正在尝试创建一个预览HTML部门，在这里我面临一个挑战。当我试图从textarea获取代码并在HTML中打印它时，我看不到PHP代码。这是我的代码，HTML，textarea中的代码将被打印为
<pre id='pques'></pre>
jQuery代码，它将从textarea中获取值，并放入上面的HTML漂亮打印区域：
jQuery(document).ready(function($) {
setInterval(function(){
$("#pques").html($("#eques"
浏览 3提问于2016-03-21得票数 1
回答已采纳
我有一个愚蠢的问题，使用Jquery-ajax将数据从DB加载到文本区域。
问题是，当我试图将数据(通过回显json_encode()从文本utf8_general_ci中的DB中的PHP中发送)加载到文本区时，如果我将javascript放入数据库中，然后加载到文本区，则无法使用htmlentities (因为在文本区中显示字符而不是文本)，这种加载会更正字符，但是..执行代码并显示javascript的结果。
示例：
<?php
if (!empty($_GET['json'])) {
$array = array(
浏览 2提问于2011-08-26得票数 4
1回答
我需要接受任意的用户输入。稍后，我希望将已经转义到HTML实体中的输入复制到文本区域，以便对其进行编辑。但是，jQuery的jQuery.html()函数像读取真实的HTML实体一样读取HTML实体，并将用户脚本直接注入页面。我需要获取用户输入的内容，即使它包含<script>标记，并输出到可以编辑的文本区域。
所以，我需要这个
<textarea name="empty"></textarea>
<div name="user-input"> <script> window.alert
浏览 4提问于2011-10-04得票数 2
回答已采纳
我在解析HTML格式的文本时遇到了一个小问题。成功地转换了开始和结束标记等，但是我如何识别文本区域中的“下一行(输入的文本)”？
请帮帮忙
<script type="text/javascript">
jQuery(function($) {
$('#submit').click(function() {
var htmlval = $('#textEntry').val();
$('p.escape').text(htmlval);
$('p.escape').e
浏览 2提问于2010-02-10得票数 2
我真的被TinyMce / Jquery / Php的问题困扰了，希望有人能给我一些建议：
我有一个用TinyMce管理的文本区，它有预加载的html内容，用经典的数据库请求获取。一切都很好，直到这里。
然后，我用jquery触发一个ajax请求，jquery要么提交textarea内容以更新它，要么获取替代的html内容来动态填充它(在我的例子中，textarea用于多语言翻译)。
问题是我不能通过这个ajax请求设置包含html表标记()的html内容。它总是失败。其他标签没有问题。该表之前是在相同的文本区域中创建的。
我用来将内容附加到TinyMce文本区域的方法是：
浏览 1提问于2011-01-10得票数 3
回答已采纳
1回答
我使用JQuery将表单值序列化并发布到PHP/MySQL服务器，表单textarea包含文本和表情符号作为HTML实体：
<textarea>Hello 😀 and goodbye</textarea>
服务器接收：
你好\ud83d\ude00和再见
但是，只有"Hello“才能正确地存储在数据库中。表情符号/实体和它消失后的任何文本。数据库获取：
你好
一切都是UTF-8自始至终。
怎样才能正确地将其解析为可以存储的东西，然后以适当的方式返回到HTML中？我一定是忽略了一些简单的东西。
浏览 0提问于2018-02-20得票数 2
回答已采纳
我正在尝试在路径中添加一个默认值：
C:\Program Files (x86)\Internet Explorer
从jquery到文本区域，但它丢失了斜杠"\“。如何克服？
jsfiddle：
const str=`C:\Program Files (x86)\Internet Explorer`
$('#ctrl_title').val(str);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script&g
浏览 2提问于2019-09-18得票数 0
下面的代码运行良好。但是，如果我将newPara()中的html字符串更改为<textarea></textarea><button id="someId">Save</button>或<textarea></textarea><input type="button" value="Save"/>，则不起作用。这里面有什么问题呢？
我需要id属性来删除新附加的html。
有什么建议吗！
谢谢!
<html>
<head>
<
浏览 1提问于2010-11-01得票数 2
回答已采纳
我使用Jquery已经有一段时间了，但是今天我遇到了一个问题，我已经尝试了各种方法来解决这个问题。
我正在使用名称搜索一些html元素。例如，我使用var form = $(formId);从DOM中获得了一个表单-- formId看起来像‘#Guid-document’，这很好，我得到了form对象。
然后使用下面的代码片段查询form对象的文本区域的值，
var docCommentQuery = 'textarea[name="Files\\[' + arrayId + '\\]\\.Comment"]';
arrayId在int中，它传递
浏览 2提问于2016-02-19得票数 0
回答已采纳
我有一个有序列表，其中有一个名为注释的类。
因此，我将文本区域中的值推入一个名为my_html_syntax.的变量中。
代码运行良好，唯一的问题是如何阻止html语法的呈现，例如，当我为一个按钮输入html语法时，它会将该按钮呈现到我的ul中。
如何转义javascript变量my_html_syntax
解决了-thanks到justinas，这是我如何使用它。
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery- 2.
浏览 2提问于2016-05-23得票数 0
回答已采纳
4回答
我想在html中打印音频标签，我应该在html代码中添加什么？
<script ></script>
$(document).ready(function()
{
// Request
jQuery.getJSON
(
,
{
prot_vers: 2, cl_login: " ", cl_app: " ", cl_pwd: " ",
req_voice:"heather22k",
req_text:$(&#
浏览 0提问于2015-02-20得票数 0
4回答
下面是我的html & jquery脚本
<textarea id="id"></textarea>
<div class="messages"></div>
当我在textarea中键入某些内容并按enter键时，它将运行以下脚本
var x = $("textarea#id").val();
$("div.messages").append("<span class='zz'>"+x+"</span>"
浏览 6提问于2014-08-30得票数 3
回答已采纳
我正在创建一个程序，它应该从用户那里获取一个代码输入，并将它与一些其他示例代码匹配，一旦完成，它将打印用户输入代码。我遇到的问题是，当我打印用户代码时，所有内容都会打印出来，但不是缩进和换行，而是打印：
<!DOCTYPE html>\r\n <script src=\"https://code.jquery.com/jquery-3.0.0.min.js\" integrity=\"sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=\" crossorigin=\"anonymous
浏览 0提问于2016-06-28得票数 1
回答已采纳
使用jQuery GET请求中的特殊字符填充文本区域时，这些特殊字符将显示为HTML码。例如：é rather than é.
PHP文件使用htmlentities输出文本。例如：echo htmlentities($text);
jQuery请求的相关部分如下：
success:function(data){
$('textarea').val(data);
}
浏览 0提问于2012-01-18得票数 0
回答已采纳
<!DOCTYPE html>
<html>
<head>
<title>Mathquill</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<li
浏览 1提问于2015-03-05得票数 0
回答已采纳
1回答
jquery转义数组中的方括号
、、、、
我正在尝试解析带有方括号的wordpress快捷代码
<script src="jquery.js" charset="utf-8"></script>
<style>
</style>
<textarea cols="40" rows="6" id="editor">
[section] content [/section]
浏览 1提问于2014-01-08得票数 0
2回答
在HTML中的几乎每个标记中，像<(开始标记)和&(字符转义)这样的字符都必须转义。
但是，在<script>标记中，这似乎不适用！我能够在HTML中清楚地定义字符，并使用jQuery (例如var my_unescaped_text = $('script[type="text/mytexttype"]'); )检索它们。
还有其他标记可以做到这一点吗？有什么办法可以让这类事情在<pre>标记中不使用javascript而变得可见呢？(是的，我知道，这听起来绝对是个很高的要求.)
那么<input>或<t
浏览 1提问于2012-07-14得票数 0
回答已采纳
我有一个在.keyup上从文本区域更新的<p>标签。
$("textarea").keyup(function(e) {
var newtext = $("textarea").val().replace(/\n/g,'<br/>');
$("p").html(newtext);
});
如何转义用户输入的javascript。
我不想转义html，只转义javascript。
浏览 1提问于2012-08-07得票数 2
我正在开发一个代码生成器，我想知道是否可以使用javscript将javascript注入到文本框中。
我不希望执行注入的javascript，我担心字符串中的引号可能会导致错误。
例如，我想注入这个脚本：
$('#click').function(){
$('#thing').html('<a href="user.php">User</a>');
}
放入此文本框中：
<textarea rows="3" cols="20" id="textbox
浏览 3提问于2011-10-28得票数 1
回答已采纳
我无法理解为什么我无法从服务器答案中获得正确的ISO-8859-1图表。由于这是一项关于遗留代码的工作，我几乎无法更改页面上的字符集编码。
我使用JQuery调用
$.post("server-side-code", {t:ctext, i:ioff, sid:sessionid},
function(data, status) {
$('#chk').append(data);
});
发布使用javascript创建的textarea值：
<form accept-charset='
浏览 4提问于2009-06-08得票数 9
回答已采纳
3回答
用户输入时的单词替换(JS)
、、、、
我有一个代码，它显示用户正在输入的内容，并将输入写回html文档中。
以下代码如下：
<html><head>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script src="jquery.zclip.js"></script>
<style> body{font-family:century gothic;}</style>
</head>
<body
浏览 2提问于2015-08-05得票数 2
回答已采纳
3回答
PHP -非破坏性输入清理
、、、、
我在我的网站上有一个TextArea，我将输入写入我的数据库。
我想过滤这个TextArea输入，但不删除任何HTML标签或其他东西。
简而言之，我希望在将输入写入数据库之前对其进行清理和保护，但当我从数据库中取回条目并将其写入网站时，我希望条目完整且未被修改。
我如何才能做到这一点？
浏览 0提问于2011-03-03得票数 3
回答已采纳
2回答
XSS字符转义的进一步解释
、、、、
因此，我注意到XSS主要依靠未转义的角度大括号来插入html标记。我这里有个密码：
<!doctype html>
<html lang = 'en'>
<head>
<meta charset = 'utf-8' />
<title>XSS Blocker</title>
<style>
textarea { width: 400px; height: 300px; margin-left: auto; margin-right: aut
浏览 1提问于2014-07-23得票数 0
回答已采纳
2回答
在将JavaScript中设置的字符串添加到文本区域值时，似乎可以很好地转换换行符。但是，当从数据属性中抓取此字符串时，似乎将换行符保留为\n
这两个都有字符串类型，所以我搞不懂其中一个是如何工作的，而另一个却不是。
如何获取数据属性并在文本区域中使用换行符？
<div id="test" data-message="this\ntest"></div>
<textarea id="textarea"></textarea>
<textarea id="textarea2"&g
浏览 1提问于2013-12-09得票数 6
回答已采纳
我有一个简单的HTML表单，我必须使用JQuery.ajax提交。
<form id="myForm" name="myForm" action="mySite/data.php" method="post">
<label for="name">Name: </label>
<input type="text" id="name" name="name" size="30"/>
浏览 5提问于2013-07-26得票数 0
回答已采纳
我想获取文本区的数据并在浏览器中显示。我正在使用带有文本区域的CKEditor。但是文本区域数据以html标签作为输出显示。 在编辑器中，我写了"This is textarea“，但它在浏览器中显示为<p>This is text textarea</p>。 正在尝试使用'config.htmlEncodeOutput = true'和'config.basicEntities = false'从文档中设置ckeditor config.js文件的配置。但它不起作用。 <textarea name="post_d
浏览 16提问于2019-01-06得票数 2
1回答
我正在使用一个文本编辑器TinyMCE，允许用户在我的网站上输入一些详细的描述。问题是当我尝试提交表单时，它给出错误：
从客户端检测到具有潜在危险的Request.Form值。
我理解这是因为texteditor在textarea中包含了段落标签和其他html标签。我该如何解决这个问题，并将文本区数据存储在数据库中？
这是我的aspx文件代码(它有其他asp.net控件，我在这段代码中省略了这些控件)。我正在使用C#代码将数据插入到数据库中。
<html>
<head>
<script src="//tinymce.cachefly.net/4.0/tin
浏览 1提问于2014-04-13得票数 1
2回答
我在一个替换函数上坚持了一段时间。基本上它可以工作，但它不能与括号()一起工作。
我为此准备了一把小提琴：
标记：
<span>Textarea / Longtest</span><br>
<input id="textarea_1" type="text" size="30" maxlength="30" value="12()1212">
<br><br><br>
<span>String to replace
浏览 0提问于2014-04-01得票数 0
这是我编辑博客评论的textarea，textare内容使用mustache.js填充：
<textarea name="content">{{content}}</textarea>
现在，如果用户在注释中键入html标记(例如，他注释了</textarea> my text here )，编辑文本区域的内容将显示</textarea> my text here。
但是，如果我将{{content}}更改为{{{content}}}，则注释内容的结果html将如下所示：
<textarea name
浏览 2提问于2014-01-17得票数 1
回答已采纳
2回答
Ajax响应被修剪
、、、
我通过PHP ajax()向.php发送了一些插入到(带有CKEditor的)中的html，并让jQuery返回格式化的html并将其放回文本区。
这是Ajax调用
var elhtml = document.getElementById('products_description[1]');
$.ajax({
type: "POST",
dataType: "json",
data: 'elhtml=' + elhtml.value,
url: 'categ
浏览 0提问于2011-02-01得票数 0
回答已采纳
2回答
在我的HTML中，我有一个ID为textarea的Employment[Duties]元素。
当我试图通过jQuery访问这个元素时，它会完全忽略它。
我认为这是因为整个input[type='text']选择器都是jQuery提供的，您可以在[]括号中选择特定的项。
有什么办法可以绕过这件事吗？
浏览 1提问于2013-07-31得票数 3
回答已采纳
如何从html中获取输入，然后将其发送到jQuery，然后再将其发送到html
这是我的代码，但它不工作:(
我的代码从用户获取输入并将其发送到jQuery，然后将音频返回到我的index.html
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
$("#idbut"
浏览 0提问于2015-02-26得票数 0
当在文本区中输入内容时，如何从输入type=file中删除选择。下面的Jquery失败了，因为IE替换了本地驱动器和目录路径，比如C:\fakepath\file.txt。
在此之前，非常感谢您。
$("textarea#txt_id").live('keyup', function(){
$('input[type=file]').val('');
});
<textarea name="txt" id="txt_id" rows="8" cols="64&
浏览 0提问于2010-10-22得票数 0
3回答
我想将html格式的文本保存到数据库中，但是当我这样做时，不要保存html符号，比如</>等，这就是我如何从数据库读取文章以进行编辑：
<p class="Title">Англійський варіант:</p>
<textarea name="EN" cols="90" rows="20" value="<?php echo htmlentities($articleArr['EN'], ENT_QUOTES, "UTF-8")
浏览 0提问于2011-01-02得票数 9
回答已采纳
1回答
如何在jquery中编码多个URL，然后通过ajax将其发送到php页面，以及如何在php页面中解码它。
下面是html：
<form method="post">
<textarea id="multiple_url"></textarea>
<button id="check_url">Check</button>
</form>
<div id="Check_result"></div>
下面是jquery：
$('#c
浏览 1提问于2013-01-03得票数 0
回答已采纳
我的数据库中有大量的html代码。为了编辑的目的，我需要把它放到文本区域。我可以这样做，但我有问题，当它显示代码到文本区域。一半代码在文本区域内，而另一半则显示表单，而不是代码，它将其显示在文本区域之外。( )。
从数据库传递数据：
<?php
include_once("scripts/connect.php");
$id = $_GET['id'];
$result = mysqli_query($mysqli, "SELECT * FROM formsAndCategories WHERE id=$id");
while($res
浏览 2提问于2017-05-03得票数 0
回答已采纳
4回答
我正试图用javascript将一封分析过的电子邮件附加到textarea中，这证明这是特别困难的，因为< & >在像<foo@bar.com>这样的电子邮件地址中。
下面是我实际情况的一个例子。
所以我试着在< & >上做一个<&>，但是我所做的一切似乎都没有用。有人知道怎么做吗？
下面是我的代码的一个简单摘录。我也包括jQuery。
<textarea class="form-control template_data" id="content" name="conten
浏览 2提问于2017-05-08得票数 2
回答已采纳
4回答
假设我有这样的表单：
<form method="post" name="b" >
<table>
<tr>
<td>Field A</td>
<td><input type='text' name='field[0][a]' id='field[0][a]'></td>
<td>Field B</td>
<td
浏览 6提问于2012-07-13得票数 1
回答已采纳
2回答
我尝试做ajax编辑文本区。当我点击“编辑”按钮时，我得到带有要编辑的文本的文本区域，而当保存文本区域时，文本区域消失，编辑的文本与所有文本一起消失。
一定要有吸引力
jQuery('.photocont #commeditCont').animate({opacity: 0}, timer, function()
{
if (id == 'commedit') jQuery(this).html('<textarea>'+jQuery(this).html().replace(/<br>/
浏览 3提问于2012-08-24得票数 0
1回答
我有两个这样的页面：
test.html
<!DOCTYPE html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
<body>
<form method="POST" action="test2.php">
<textarea id="input" name=
浏览 0提问于2016-06-05得票数 0
在我的控制面板( HTML模板编辑器)
<?
$textarea = '<textarea>';
$textarea .= $template_code;
$textarea .= '</textarea>';
echo $textarea;
?>
变量$template_code包含html，包括</textarea>
for example -> $template_code = '</textarea> ......';
这意味着该变量将关闭我的textarea，而其他代码将
浏览 0提问于2011-09-03得票数 1
回答已采纳
5回答
我正在尝试在文本区域中显示rails视图文件。视图文件包含一堆HTML，我想对它们进行转义，这样它就不会干扰页面上的html。下面是一个示例：
In this view we are going to display the contents of a partial
<textarea>
<%= html_escape render('partial') %>
</textarea>
在partial.html.erb中，我会
Hello this is partial.html.erb and this is a
<textare
浏览 1提问于2010-10-26得票数 3
回答已采纳
我有一个jsp，在form标记中有以下文本区域，以便我可以将XML提交到servlet：
<tr>
<td align="center">
<textarea name="xmlreqdoc" rows="20" cols="50"></textarea>
</td>
</tr>
文本区域是我提交请求XML的地方，我在servlet类中检索提交的XML，如下所示：
String requestXML = pReq.getPara
浏览 1提问于2018-04-10得票数 0
我需要将html传递给javascript，这样我就可以按需显示html。我可以通过在页面上有一个带有html内容的文本区域标签来实现：<textarea id="html">{whatever html I want except other textareas}</textarea>，然后使用jquery，我可以在页面上显示它：
$("#target").html($("#html").val());
我想知道的是如何正确地做到这一点，而不需要使用文本表示法或在页面的<body>中显示html？
浏览 2提问于2011-11-08得票数 1
回答已采纳
2回答
如何确保HTML值不被浏览器更改
一些例子
文本区
<textarea maxlength="50"></textarea>
任何人都可以更改maxlength的值
和<a href="#" rel="15" >Like</a>任何人都可以更改post的rel值和rel值id
我在jquery上使用event.preventDefault();
但有时我需要通过jquery来改变值
谢谢
浏览 0提问于2014-03-11得票数 0
2回答
Textarea无法预览图像，所以我使它的背景和颜色透明，并在其后面设置另一个div来预览textarea的val。
现在，当我再写一次类似于“：:) :)”的表情文本时，它只替换了第一个。请问我哪里出问题了？
只是建议我:在一个后库存溢出接受多少个问题？(因为我这里还有更多的问题。)
var smileys = {
':)': '<img src="http://www.html5gamedevs.com/public/style_emoticons/default/wacko.png" border="0"
浏览 4提问于2015-01-29得票数 1
回答已采纳
我试着动态更新我的html，到目前为止，textarea正在被添加到页面中，但我定义的onblur和onfocus行为并不是由于onblur和onfocus属性中包含了双引号。我的代码如下：
$('#answerList').append('<li><div class="row"><div class="eight columns"><textarea id="answerText" name="answerText" placeholder="Your
浏览 0提问于2013-08-30得票数 0
我已经构建了一个html表单，并使用PHP将数据插入到我的phpmyadmin数据库中。每次我在文本区域中输入文本数据时，如下所示：
文本区域字段中的输入
当我使用mysql从数据库中检索数据时，输出显示如下所示。
文本区域字段中的输出
下面是我提交表单后的mysql插入代码：
<?php
> if(isset($_POST['submit'])) {
>
> $remarks = mysqli_real_escape_string($conn, $_POST["remarks"]);
>
>
浏览 1提问于2018-06-26得票数 1
回答已采纳
在我的第一个rails应用程序中，我正在努力使用一些Javascript。
部分：_care_point.html.erb
<script>
$(function() {
$( ".draggable" ).draggable({grid: [50, 20]});
$( ".node_input").each (function() {
$(this).hide();
});
$("#<%="node.#{care_point.id}" %>").live(&
浏览 0提问于2011-06-15得票数 5
回答已采纳
1回答
我在产品后台添加textarea的定制模块。当我在tpl文件中打印这个文本区域时，直接的html链接如下
我用这个在第三方物流上打印
{if isset($belvg_textarea)}
<div>
{$belvg_textarea|unescape:'html'}
{$belvg_textarea|escape:'html'}
</div>
{/if}
并在模块php文件中显示。
public function hookDisplayFooterProduct($params) {
浏览 5提问于2017-04-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
