我有一个问题,使用 ajax 在 DB 中保存 Summernote 值,但是当我不使用 ajax 时,一切正常。
说清楚。
<?php
include 'db.php';
$db=new db;
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){
if($_POST['act']=='save'){
$content=$_POST['content'];
$id=25;
$query="UPDATE content SET content=? WHERE id=?";
$db->execquery($query, 'si', array($content, $id));
echo json_encode(array("response"=>'success'));
exit();
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- include libraries BS3 -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" />
<script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../dist/summernote.css">
<script type="text/javascript" src="../dist/summernote.js"></script>
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
toolbar: [
// [groupName, [list of button]]
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['strikethrough', 'superscript', 'subscript']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']]
]
});
$('form').on('submit', function (e) {
e.preventDefault();
content=$('.summernote').summernote('code');
data='act=save&content='+content;
$.ajax({
type: "POST",
dataType: "JSON",
data: data,
})
.fail(function(e){
alert(e.response);
})
.done(function(data){
if(data.response=='success'){
alert('success!');
}
});
});
});
</script>
</head>
<body>
<form action="#" novalidate>
<div class="form-group">
<label for="input">Text</label>
<textarea class="form-input" id="input"></textarea>
</div>
<div class="form-group">
<label for="contents">Contents</label>
<textarea name="text" class="summernote" id="contents" title="Contents"></textarea>
</div>
<button type="submit" class="btn btn-default">submit</button>
</form>
</body>
</html>
无论如何,当我只是在summernote中输入简单的文本时,这些值正在被保存,但是当我从msword粘贴一些文本时,就像保存的值被剪切了一样。
我尝试了一些方法,当我按下提交时,我还将summernote 值放入额外的文本区域,然后当我将这些值手动粘贴到数据库中时,一切都很好。我也尝试复制 codeview 值然后手动粘贴到数据库中,然后它也很好。请帮忙。
提前致谢!
最佳答案
我有同样的问题,我用以下方法解决了它:
Javascriptcontent = encodeURIComponent($('.summernote').summernote('code'));
PHPurldecode($_POST[content])
关于javascript - 在数据库中保存summernote的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41155617/