使用Javascript将文本添加到textarea

时间:2017-06-11 23:17:09

标签: javascript text editor

我再次遇到Javascript问题,但这次更复杂。 我试图制作一个小的Javascript文本编辑器,基本上它是一个实验,一个测试,事情应该很容易,我有一个<h1> html元素,和一个{ {1}} html元素,并且当用户在<p>元素和<input type="text" />上书写时,它们都会发生变化。
现在,一切正常,但是有问题,因为在行之间留出空格,用户只需按回车即可,但当然需要使用<textarea></textarea> html标签。
所以我的想法是制作一个允许用户添加的小按钮这个标签按下那个按钮。
和Javascript只是制作一个实际文本的变量,保存并在最后添加<br />结果应该是用户写的文本加上休息html标签。
这项工作,如果textarea是空的,如果你从来没有在上面写过东西,它工作和工作甚至10或20次,但如果你在上面写东西,它就会停止工作,甚至如果你删除了所有文本。
我可以在下面的代码中弄清楚问题是什么帮助我。

&#13;
&#13;
<br />
&#13;
&#13;
&#13;

感谢你的时间,对不起我可怕的英语。

2 个答案:

答案 0 :(得分:1)

尝试在更改文本

之前将其添加到您的javascript代码中

text = text.replace(/\r?\n/g, '<br>');

换行符是\ r \ n或\ n,而html换行符是<br>,这就是问题所在。

这是为了我正确理解你的问题。

Here is the code running

答案 1 :(得分:0)

当您更新文本区域时,而不是:

document.getElementById("text_box").innerHTML = processedtext;

使用:

document.getElementById("text_box").value = processedtext;