通过Ajax将Summernote代码发布到PHP,然后插入数据库

时间:2019-02-06 08:20:23

标签: javascript php ajax summernote

我有一个带有summernote编辑器的页面,当用户提交页面时,我通过jquery从编辑器中检索代码,然后将其发送到php页面,该页面随后将html插入数据库中。我在将其发送到php页面之前从编辑器中检索到的html是正确的,但是一旦到达php页面,大多数html就会被剥离并且不完整。

这是我的Summernote

<div class="summernote" id="decription" name="description"></div>

$('.summernote').summernote({
dialogsInBody: true,
toolbar: [
 ['style', ['bold', 'italic', 'underline', 'clear']],
 ['font', ['strikethrough']],
 ['fontsize', ['fontsize']],
 ['color', ['color']],
 ['para', ['ul', 'ol', 'paragraph']],
 ['table', ['table']],
 ['height', ['height']],
 ['undo', ['undo']],
 ['redo', ['redo']],
 ['help', ['help']]
],
placeholder: 'Describe the business here',
tabsize: 2,
height: 200
});

$('.dropdown-toggle').dropdown()

这是用户提交页面后从编辑器获取代码的方式

var description =  $("#decription").summernote('code');

然后我将此说明发布到我的php页面中,以将数据插入数据库中

var dataString = 'desc=' + description;

alert(dataString); 
  $.ajax({
  type: "POST",
  url: "../scripts/add/addpro.php",
  data: dataString,
  cache: false,
  success: function(html) {
      alert(html);
}
});

我在发布前发出警报,以确保发送到php的代码是编辑器中的所有内容(仅用于测试),这始终是正确且完整的,发送给php的代码是编辑器中的所有内容。 / p>

在我的addpro.php页面中,执行以下操作

$description = $_POST['desc'];

echo $description;

由php回显的html代码不完整且已删除。例如,每当html代码中有逗号(,)时,php只会跳转到该位置,并在此之后跳过其余的标签和文本。

1 个答案:

答案 0 :(得分:3)

仅显示为更新

var dataString = 'desc=' + description;更新为var dataString = {desc: description};