1

現在、自分のサイトにWMDエディターを追加しようとしています。これまでのところすべてが機能していますが、壁にぶつかっています。入力した情報をデータベースに保存するにはどうすればよいですか。textareaの値を割り当てるJS/Ajax関数を作成しましたが、html形式のコードが含まれているため、$wmdVal実際にはの値です。wmd-previewdivの値を取得し、wmd-previewそれにphp変数を割り当てるにはどうすればよいですか？またはそれをデータベースに保存するための最良の方法は何ですか？これが私の例です

リアルタイムでの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>');
        }
?>

HTMLWMDエディター

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

2 に答える 2

2

非表示フィールドをフォームに配置して送信し、値を取得wmd-previewして非表示フィールドに割り当て、フォームを送信します。$_POST次に、配列内の非表示フィールドに通常の入力フィールドとしてアクセスして保存します。

wmd-previewas にアクセスできます

 $("#myhidden").val($("#wmd-preview").html());
于 2012-07-30T17:58:03.500 に答える
1

私があなたを正しく理解していれば、あなたは交換するだけでよいと思います

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

と

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

上記のコードで。

于 2012-07-30T20:07:42.323 に答える