Javascript 节约<;部门>;将其内容放在contenteditable div中的样式
这个问题的标题可能不清楚,但这就是为什么我要在这里解释它。我有一个contenteditable div,它就像我博客文章的文本区(adminpanel)。让db数据在contenteditable div中正确显示没有问题。但是当我将更新后的文章版本保存到数据库中时,它并没有保存contenteditable div中的div样式(例如) 示例:Javascript 节约<;部门>;将其内容放在contenteditable div中的样式,javascript,php,jquery,contenteditable,Javascript,Php,Jquery,Contenteditable,这个问题的标题可能不清楚,但这就是为什么我要在这里解释它。我有一个contenteditable div,它就像我博客文章的文本区(adminpanel)。让db数据在contenteditable div中正确显示没有问题。但是当我将更新后的文章版本保存到数据库中时,它并没有保存contenteditable div中的div样式(例如) 示例: <div id="article_content" class="edit_article_content_container_inner"
<div id="article_content" class="edit_article_content_container_inner" contenteditable="true"><?php echo $db_content ?></div>
<div id="article_content" class="edit_article_content_container_inner" contenteditable="true">
<div>Dear visitor,</div>
<div><br /></div>
<div>Thank you for visiting</div>
</div>
Dear visitor,Thank you for visiting this page
因此,contenteditable div在保存新更新的文章时会破坏我的div样式。有没有办法保存这些div样式
多谢各位
这是我调用ajax的部分
$("#btn-save-new-article").on('click', function (event) {
var article_id = $('.edit_article_title_container').attr('data-article-id');
var article_title = $("#article_title").text();
var article_content = $("#article_content").text();
event.preventDefault();
$.ajax({
type: "POST",
url: "/includes/db-requests/admin/db-save-edited-article.php",
data: {article_id: article_id, article_title: article_title, article_content: article_content},
success: function(data,textStatus,jqXHR){ finish_editing_article(data,textStatus,jqXHR); }
});
});
function finish_editing_article(data,textStatus,jqXHR) {
//alert (data);
if (data == "article_edited_success") {
//location.reload();
alert(data);
} else {
alert(data);
}
}
如您所见,我正在存储文章id、文章标题和文章内容
接收数据以实际存储它:
//DIV SUBMITTED DATA
$article_id = safe($mysqli,$_POST['article_id']);
$article_title = safe($mysqli,$_POST['article_title']);
$article_content = $_POST['article_content'];
.text()
只返回元素的文本内容.html()
返回html完整的内容
var article_content = $("#article_content").html();
你是如何保存信息的?机制是什么?我已经更新了我的问题并回答了你。你从服务器上得到了什么?正在提醒什么?您正在使用
.text()
并获取的是的文本内容,而不是HTML内容。