WMD 编辑器回显 wmd-preview div 的值并查询有关将该值存储到数据库中的问题答案

【问题标题】：WMD Editor echoing value of wmd-preview div and inquiries about storing that value into a databaseWMD 编辑器回显 wmd-preview div 的值并查询有关将该值存储到数据库中的问题
【发布时间】：2012-07-30 17:50:00
【问题描述】：

我目前正在尝试将 WMD 编辑器添加到我的网站。到目前为止，我一切正常，但现在我遇到了困难：如何将输入的信息存储到我的数据库中？我创建了一个 JS/Ajax 函数，它将 textarea 的值分配给 $wmdVal，但实际上我是 wmd-preview 的值，因为它包含 html 格式的代码。如何获取 div wmd-preview 的值并为其分配 php 变量？或者将它存储在数据库中的最佳方法是什么？这是我的EXAMPLE

JS/AJAX 实时回显值

<script>
$(document).ready(function() {
    var timer = null; 
    var dataString;   
    function submitForm(){
    $.ajax({ type: "POST",
         url: "test1.php",
         data: dataString,
             success: function(result){
            $('#wmd_result').html( $('#resultval', result).html()); 
              }
       });
        return false;
      }

 $('#wmd-input').on('keyup', function() {
clearTimeout(timer);
timer = setTimeout(submitForm, 1000);
var wmdVal = $("#wmd-input").val();
dataString = 'wmdVal='+ wmdVal;
});
}); 
</script>

PHP

<?
if (isset($_POST['wmdVal'])){
    $wmdVal = $_POST['wmdVal']; 
    echo ('<div id="wmd_result"><span id="resultval"><h2>PHP Echo result:</h2>'.$wmdVal.'</span></div>');
        }
?>

HTML WMD 编辑器

<div id="wmd-editor" class="wmd-panel">
      <div id="wmd-button-bar"></div>
      <textarea id="wmd-input"><? $wmdVal ?></textarea>
</div>
<div id="wmd-preview" class="wmd-panel"></div>
<div id="wmd-output" class="wmd-panel"></div>   
<div id="wmd_result"></div>

【问题讨论】：

标签： php javascript jquery ajax

【解决方案1】：

在您的表单中放置一个隐藏字段并在提交时获取wmd-preview 的值并将其分配到隐藏字段并让表单提交。然后将 $_POST 数组中的隐藏字段作为普通输入字段访问并保存。

您可以访问wmd-preview as

 $("#myhidden").val($("#wmd-preview").html());

【讨论】：

+1 @RabNawaz 谢谢你，你能用我的例子发布完整的答案吗？我添加了一个隐藏的输入字段，但我不确定如何执行其他要求来显示 wmd-preview 的值

【解决方案2】：

如果我理解正确，我认为你只需要替换

var wmdVal = $("#wmd-input").val();

与

var wmdVal = $("#wmd-preview").html();

在您上面的代码中。

【讨论】：

嘿，我的朋友，不错的尝试。这是您感兴趣的另一个问题QUESTION