javascript - 尝试将内容可编辑的 div 的内容保存到 MySQL 数据库

Question

好吧，所以我希望能够将内容可编辑的 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 传递给 url。然后您可以从您的处理器上用它做一些事情。

// 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