php - WMD 编辑器回显 wmd-preview div 的值以及关于将该值存储到数据库中的查询

标签 php javascript jquery ajax

我目前正在尝试将 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 大规模杀伤性武器编辑器

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

最佳答案

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

您可以访问 wmd-preview 作为

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

关于php - WMD 编辑器回显 wmd-preview div 的值以及关于将该值存储到数据库中的查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11726827/

相关文章:

javascript - 简单的 jQuery 函数和操作顺序

javascript - Datepicker默认年份错误

php - 从数组计算总小时数 - php

PHP文件上传和覆盖同名文件

php - MySQL 从另一个表插入,其中字段不为空

javascript - 显示一个集合的总数

javascript - 如果 div 没有内容,JQuery 隐藏父元素

php - 如何在函数中使用外部变量?

javascript - iOS 纺车 HTML5

javascript - 仅在操作之间使用分隔符