jquery使textarea将内容转换为html格式

时间:2016-10-29 20:46:15

标签: 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完成吗?我google了很多,但我得到的结果与我的问题完全无关。请帮忙。

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

排灯节快乐!!

2 个答案:

答案 0 :(得分:0)

像这样的东西,只剩下ajax请求而不是放入另一个textarea:

&#13;
&#13;
$('#for_user').on('change input', function(){
  $('#for_database').val($(this).val().replace(/(?:\r\n|\r|\n)/g, '<br />'));  
});
$('#for_user').trigger('change');
&#13;
textarea {
  width: 400px;
  height: 100px;
  border: 1px solid #ccc;
}
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

对于那些将来访问此问题的人,我正在回答我自己的问题。这将有助于他们。

要插入C:\Users\user\AppData\Local\Google\Chrome\User Data\Profile 1 的下一行,并在数据库中输入<textarea></textarea>,我会在post值中使用<br>函数。使用nl2br,所有下一行语句都会自动收到nl2br

示例:

<br>

这只是简单地插入或更新:

<?php 
$text = (!empty($_POST['content']))?nl2br($_POST['content']):null;

// then insert into or update database normally

$insert = "INSERT INTO table(field_name)VALUES(:value)";
$insert = $pdo->prepare($insert);
$insert->bindValue(':value', $text);
$insert->execute();

OR

$update = "UPDATE table SET field_name = :value";
$update = $pdo->prepare($update);
$update->bindValue(':value', $text);
$update->execute();
?>

这样:

Hello Stackoverflow!

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