作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有以下代码:
<body>
<form>
<textarea id="textfield"></textarea>
<input type="button" onclick="func1()" value="Post">
</form>
<p id="para"></p>
</body>
当我在文本区域中输入所有特殊标签时 <a>,<br>
当我在 <p>
中显示它们时,等会被忽略我输入的所有内容都显示在一行上,我按下回车键或使用 <br>
都没有关系。 , textarea 似乎正在使用 html 标签并将它们变成一个简单的文本。
这是我用来在html中显示文本区域的函数:
function func1()
{
document.getElementById("para").innerHTML=document.getElementById("textfield").innerHTML;
}
如何从 textarea 中获取文本并正常显示在屏幕上(不是一行)。如何为不知道如何使用标签的用户修改文本区域?按简单回车时应翻译为 <br
最佳答案
首先,对于文本区域,您应该使用 value
而不是 innerHTML
.像这样...
document.getElementById("para").innerHTML=document.getElementById("textfield").value;
现在,对于单行问题。在 textarea 中,新行由\n 分隔。在你的 div 中\n 不起作用。所以你必须用 <br>
替换它们标签。所以重写你的代码片段......
document.getElementById("para").innerHTML=document.getElementById("textfield").value.replace(/\r\n|\r|\n/g,"<br />");
关于javascript - 为什么当我尝试在 html 的文本区域内显示文本时,它会在一行中显示所有内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17472119/
我有数百个位置的列表,只想显示当前屏幕上这些位置的 MKPinAnnotation。屏幕从 2 英里半径内的用户当前位置开始。当然,用户可以滚动和缩放屏幕。现在,我等待 map 更新事件,然后循环遍历
我试过检查 CGRect: CGFloat imageX1 = imageView.frame.origin.x; CGFloat imageY1 = imageView.frame.origin
我是一名优秀的程序员,十分优秀!