Question

好吧，所以我希望能够将一个contenteditable div的内容提交到MySQL数据库中。我有一个（contenteditable ='true'）div填充了来自MySQL数据库的HTML代码。它是这样的：

$page = $_GET['page'];

$getpage = mysql_query("SELECT * FROM pages WHERE title = '$page'") or die(mysql_query());
$row = mysql_fetch_assoc($getpage);
$pagecode = $row['pagecode'];

<div class="editable" contenteditable="true">
<?php echo $pagecode; ?>
</div>

我希望通过常规链接来控制它：

<a href="#" onclick="somefunction()">Save</a>

也许这可以使用由Javascript控制的隐藏表单，但我真的不知道。

目标是使用HTML编辑器，它在可编辑div中显示数据库中的HTML代码，并允许用户编辑它并将其保存回数据库。非常感谢任何帮助。

谢谢，

吉尔。

Answer 1

在您的AJAX代码中，向处理器发出新的AJAX请求。将id='id_name_here分配给div并将id_name_here.innerHTML传递给网址。然后你可以从你的处理器做一些事情。

// JS
function somefunction() {
    var updated_div_info = document.getElementById('id_name_here').innerHTML;
    // POST TO AJAX ...
}


// PHP
<?php

$updated_div_info = $_POST['updated_div_info'];

// INSERT THIS INTO THE DB

Answer 2

试试这个

function somefunction(){
    var html = encodeURIComponent($(".editable").html());
    $.ajax({
       url: "save.php",
       data: "content="+html
    })
}

试图将一个contenteditable div的内容保存到MySQL数据库

2 个答案: