尝试将 contenteditable div 的内容保存到 MySQL 数据库答案

【问题标题】：Trying to save the contents of a contenteditable div to MySQL database尝试将 contenteditable div 的内容保存到 MySQL 数据库
【发布时间】：2014-02-17 20:41:00
【问题描述】：

好的，所以我希望能够将 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 代码，并允许用户对其进行编辑并将其保存回数据库中。非常感谢任何帮助。

谢谢，

吉尔。

【问题讨论】：

标签： javascript php html mysql contenteditable

【解决方案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

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：