在HTML中读取Textarea中的值，并在弹出窗口中显示格式化文本
，可以通过以下步骤实现：
- 在HTML中创建一个Textarea元素，用于输入文本内容：
<textarea id="myTextarea"></textarea>- 使用JavaScript获取Textarea中的值，并进行格式化处理：
var textareaValue = document.getElementById("myTextarea").value;
var formattedText = textareaValue.replace(/\n/g, "<br>").replace(/\s/g, " ");上述代码将Textarea中的换行符替换为<br>标签，将空格替换为 实现文本的格式化。
- 创建一个弹出窗口，并在窗口中显示格式化后的文本：
var popupWindow = window.open("", "Popup", "width=400,height=300");
popupWindow.document.write(formattedText);上述代码创建一个新的窗口，并使用document.write()方法将格式化后的文本写入窗口中。
完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Textarea值读取和格式化</title>
<script>
function showFormattedText() {
var textareaValue = document.getElementById("myTextarea").value;
var formattedText = textareaValue.replace(/\n/g, "<br>").replace(/\s/g, " ");
var popupWindow = window.open("", "Popup", "width=400,height=300");
popupWindow.document.write(formattedText);
}
</script>
</head>
<body>
<textarea id="myTextarea"></textarea>
<br>
<button onclick="showFormattedText()">显示格式化文本</button>
</body>
</html>这样，当用户在Textarea中输入文本后，点击"显示格式化文本"按钮，就会弹出一个窗口显示格式化后的文本内容。
推荐的腾讯云相关产品：无
相关·内容
1回答
在HTML中读取Textarea中的值，并在弹出窗口中显示格式化文本
javascript、css、popup
下面是我想要从Textarea中读取值并在弹出窗口中显示它的代码。 例如，一个地址是格式化的文本，上面的代码可以工作，但读取的文本是非格式化的，我希望它是格式化的。请帮助，因为我正在寻找引导模式的替代方案。 <!DOCTYPE html</em
浏览 26提问于2020-01-28得票数 0
2回答
SSRS:如何在sql服务报告中显示超链接
html、reporting-services、ssrs-2008
我正在使用SSRS for 2008 R2来显示一些数据生成的报告。在我的数据库表中，我有一个叫做注释的单元格。它通常包含指向软件缺陷的链接。单元格是nvarchar(max)，我添加了诸如之类的链接。但是，在显示报告时，无法按预期单击该链接。我需要做什么才能使链接可点击？非常感谢您的帮助。J.
浏览 1提问于2013-02-14得票数 16
回答已采纳
2回答
将html文本从数据库加载到CKEDITOR以进行更新
javascript、php、html、mysql、ckeditor
我有一个html表单，我使用CKEDITOR代替textarea来格式化格式。提交表单后，将从html表单插入到MySQL数据库中的数据。在我试图从数据库中检索数据之前，一切都很顺利。>
<textarea type="text" name="topic" id="topic" rows="10" cols="80">
浏览 1提问于2015-11-01得票数 0
回答已采纳
1回答
KendoUI-Editor显示标记而不是格式化的html
javascript、jquery、kendo-ui
我使用KendoUI-Editor作为我的博客之一。<textarea name="editor" id="editor" rows="10&
浏览 3提问于2014-02-02得票数 3
1回答
Visual隐藏选项卡下面的下拉列表
c#、visual-studio
当我在Visual中打开一个.cs文件时，我打开的选项卡下面是三个下拉列表。它们在悬停时显示下列工具提示消息：使用该拖放查看并导航到此文件中的其他项有什么办法消除掉下去吗？
浏览 3提问于2021-11-20得票数 5
回答已采纳
1回答
如何使用ajax获取输入值并在php中显示
php、ajax
以下是我的输入下面是我的ajax代码，它接受上面的文本区域的值
$('#spdf-form').submit(functi
浏览 1提问于2013-05-20得票数 0
3回答
增加Eclipse调试器toString缓冲区大小
eclipse、debugging
通常，我需要调试的数据结构有相当大的toString()表示。但是，当我在Eclipse调试器中突出显示它们时，它们会被截断为带有“.”的10000个字符。终止。
我怎样才能改变限制？最好是无限的。
浏览 1提问于2014-01-29得票数 2
回答已采纳
1回答
为什么在浏览器开发工具中为相同的元素显示不同的选择器？
html、css、css-selectors、developer-tools
我知道在浏览器代码检查器中确定元素选择器的多种方法：
悬停在HTML窗格中的选择器上，将弹出一个工具提示，显示选择器，但这将比HTML窗格中显示的选择器更详细或不同在检查器的“样式”窗</
浏览 2提问于2020-03-12得票数 0
1回答
在chrome扩展中使用javascript
javascript、html、google-chrome、events、extjs
我正在尝试创建一个测试Chrome扩展来在文本区域中输入一些文本，并在用户按Enter时向其发出警告。我的main.html：<head><script>
if(e.whichalert($('.myword').val()
浏览 1提问于2016-09-12得票数 0
2回答
如何将RTF格式的字符串打印到JLabel？
java、swing、formatting、paintcomponent、jtextcomponent
它们还包括文本段落的drawStrings，但是现在Id想要格式化文本(在带有jtext窗格或其他RTF编辑器的单独窗口中)(粗体、字体大小、对齐、字体颜色、列表)，并在我自己的组件中显示这个格式化的文本我真的不知道如何从JText窗格中获取RTF-Text (或者如果有更好的</em
浏览 3提问于2012-03-15得票数 0
1回答
如何从HTML创建PDF？
html、pdf
我正在尝试生成一个可打印版本的HTML页面，可打印的版本应该有左窗格和顶部窗格剥离。我尝试使用JQuery生成可打印的版本，它在打印预览屏幕(弹出窗口中的另一个被剥离的超文本标记语言)中显示内容时出现了一些布局问题。有没有现成的开放源码工具可以轻松地将HTML转换为PDF，因为我已经浪费了相当多的时间尝试<em
浏览 2提问于2011-08-22得票数 5
1回答
XAML TextBox inside Popup被屏幕键盘隐藏
xaml、textbox、popup、winrt-xaml、on-screen-keyboard
在我的metro应用程序中，我有一个充满TextBoxes的页面，这些页面在StackPanel中垂直布局。通常，当用户单击底部的一个文本框时，页面会自动向上滚动，以便聚焦的文本框不会被屏幕上的键盘遮挡。
但是，如果页面显示在弹出窗口中，这种自动滚动似乎就不会发生。我应该怎么做才能使我的弹出窗
浏览 0提问于2013-02-11得票数 1
1回答
TextAreaFor不显示默认值(MVC4)
c#、asp.net-mvc-4
我想从我的数据库中给我的TextAreaFor一个默认值(一个他们可以编辑的注释)。我使用@Value，我可以在html代码中看到它(检查元素)，但是在textarea本身，它是不可见的。我的代码：
ViewBag.Descri
浏览 2提问于2013-12-27得票数 0
回答已采纳
1回答
无法使用jQuery读取文本区的值
jquery、modal-dialog
我在foreach循环中使用了textarea。这些文本区域控件显示在模式弹出窗口中，用于接受用户的输入。然而，textarea值总是返回undefined。如果我在html中设置textarea的默认值，那么它只返回默认值，而不返回用户输入的值。
我能够<
浏览 4提问于2019-08-11得票数 0
1回答
弹出窗口在关闭时获取值并清除
c#、jquery、html、asp.net-mvc
我在文本框的dblclick上有一个弹出窗口。我在弹出窗口中有一个文本区域，我想在临时变量中的弹出窗口中存储输入的值，然后关闭弹出窗口。是否可以在弹出窗口被用户关闭后暂时存储数据并清除数据。因为多个文本框具有相同的警报窗口。dialog('open
浏览 3提问于2015-07-08得票数 1
回答已采纳
4回答
将文本从当前文档复制到新的window.open("otherdomainURL")
javascript、jquery、ruby-on-rails
我想从文档中获取给定的文本，并将其复制到一个弹出窗口(window.open)，该窗口包含由服务器端后端(在本例中为rails)生成的表单。此表单从当前文档的不同域加载，其中包含要复制的文本。此文本将显示在表单中(由用户审阅)，然后通过POST表单操作提交到服务器。
我最初想使用document.write()，但这是不可能的，
浏览 0提问于2012-05-24得票数 0
3回答
调整<pre>元素内的文本大小，如<textarea>
javascript、dom、text、google-chrome-extension、pre
我想调整pre元素中的文本大小，比如textarea，例如，如果您将textarea列设置为10，而您的文本超过了10，那么文本将转到下一行。举个例子：我在下面(工作代码)给出了一个虚拟场景来说明我的问题。
&l
浏览 22提问于2022-06-03得票数 1
回答已采纳
2回答
在JS代码中添加弹出框的html内容的良好做法是什么？
javascript、html
我对HTML和javascript很陌生。当我尝试创建一个弹出窗口时，我发现通常的做法如下：其中content是包含弹出框内容的html字符串，如编辑的弹出--我不是指一个新的浏览器窗口，但是当你点击谷歌地图上的一个引脚时，会弹出关于这个pip的
浏览 1提问于2013-05-10得票数 2
回答已采纳
1回答
是否阻止SuggestBox中的无效用户输入？
java、gwt
我让SuggestBox接受用户输入，并使用GWT在弹出窗口中显示suggestions。SuggestBox suggestBox = new SuggestBox(myData, new TextArea());
如何防止用户在TextArea中输入没有建议的字符？我认为SuggestBox会检查输入到TextArea中的文本，然后显示建议。
浏览 0提问于2013-03-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
