javascript - jquery使textarea将内容转换为html形式

标签 javascript php jquery html ajax

是否可以转换 <textarea></textarea> 中输入的任何内容转换为 html,以便以 HTML 格式输入数据库。

例如:

Hello Stackoverflow!

My name is Shubham. I am new here.
Please help me.

应插入数据库为:

Hello Stackoverflow!
<br><br>
My name is Shubham. I am new here.<br>
Please help me.

这可以用 jQuery 或 Ajax 来完成吗?我用谷歌搜索了很多,但得到的结果与我的问题完全无关。请帮忙。

注意:由于某些原因,我不想使用任何所见即所得编辑器。这就是我提出这个问题的原因。

排灯节快乐!

最佳答案

像这样,只剩下ajax请求而不是放入另一个文本区域:

$('#for_user').on('change input', function(){
  $('#for_database').val($(this).val().replace(/(?:\r\n|\r|\n)/g, '<br />'));  
});
$('#for_user').trigger('change');
textarea {
  width: 400px;
  height: 100px;
  border: 1px solid #ccc;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="for_user">
test
molimo
da iskušate
ovu metodu <a href="#">Link</a>
</textarea>
<br>
For database:<br>
<textarea id="for_database">
  
</textarea>

关于javascript - jquery使textarea将内容转换为html形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40323511/

相关文章:

javascript - 如何使用 jQuery 删除最后一个 DIV?

javascript - 函数作为对象和函数调用

php - 更新具有最大值的行

javascript - 使用 Ajax 请求单击链接后更改 div 的内容

php intval() 和 Floor() 返回值太低?

javascript - 将 <ol type ="a"> 的所有出现动态更新为 <ol class ="alpha">

javascript - 导航栏在移动设备上折叠,滚动时使用 chrome/safari

javascript - 删除列中的重复值

javascript - jQuery或JavaScript年龄计算器

javascript - 使用 jQuery load() 和 pushState() 模拟帧