我无法使用 Jquery Serialize 获取 Markdown 的值

Question

在我的项目中，我正在使用这个 MarkDown。 https://github.com/NextStepWebs/simplemde-markdown-editor

要使用 Jquery Serialize 获取表单的值，问题是它不适用于 MarkDown，我的代码可以使用简单的 Textarea。

问题出在这里（这里有 Markdown）。

<textarea id="messaggio" name="testo"></textarea>

加载降价的脚本

<script>
var simplemde = new SimpleMDE({ element: $("#messaggio")[0] });
</script>

JQUERY序列化

$("#invio").click(function(){

    var dati = $("#form").serialize(); //recupera tutti i valori del form automaticamente

    //form invio dati post ajax

    alert(dati);

    //invio
    $.ajax({
    type: "POST",
    url: "/includes/inserisci.php",
    data: dati,
    dataType: "html",
    success: function(msg)
    {
    alert("Chiamata inviata con successo");

    },
    error: function()
    {
    alert("Chiamata fallita, si prega di riprovare...");
    }

    });//ajax

    });//bottone click

Inserisci.php

<?php
include('../core.php');
$titolo= urldecode($_POST['titolo']); 
$post= urldecode($_POST['testo']);


$sql = mysql_query("")or die("Non riuscito");

mysql_close();

?>

表格

<form id="form" class="form-horizontal shadow-z-1" action="#" method="post">
    <fieldset>
        <legend style="text-align: center; position: relative; top: 8px;">Inserisci un Post</legend>
        <hr>
        <div class="form-group">
            <label for="inputTitle" class="col-lg-2 control-label">Titolo</label>
            <div class="col-lg-10">
                <input type="text" class="form-control" id="inputText" name="titolo" placeholder="Scrivi qui il Titolo">
            </div>
        </div>
        <div class="form-group">
            <label for="textArea" class="col-lg-2 control-label" >Messaggio</label>
            <div class="col-lg-10">
                <textarea id="messaggio" name="testo"></textarea>
            </div>
            </div>

           <div class="form-group is-empty is-fileinput">
                <label for="inputFile" class="col-md-2 control-label">File</label>

                <div class="col-md-10">
                  <input type="text" readonly="" class="form-control" placeholder="Browse..." pmbx_context="19E61A0C-3526-4E51-8535-935982C4C335">
                  <input type="file" id="inputFile" multiple="" pmbx_context="1D2BCAEA-08CC-476A-8F4A-EF6BD51B9102">
                </div>
              <span class="material-input"></span></div>

        <div class="col-md-10 col-md-offset-2">
                  <button type="button" class="btn btn-default" onclick="document.getElementById('modalposta').style.display = 'none';">Cancel</button>
                   <button type="submit" class="btn btn-primary" id="invio" onClick="nascondiform();return false;">Submit</button>
                  <!--<button type="submit" class="btn btn-primary" onClick='send(); return false;' >Submit</button>-->
                </div>
    </fieldset>
</form>

Answer 1

请查看文档：github。com/NextStepWebs/simplemde-markdown-editor 你需要

simplemde.value()

序列化仅适用于表格。您可以尝试在序列化之前将值复制回文本区域：

 $("#messagio").val(simplemde.value());
 var dati = $("#form").serialize(); //recupera tutti i valori del form automaticamente

或

var dati = $("#form").serialize()+"&text="+JSON.stringify(simplemde.value());

可能

var dati = $("#form").serialize()+"&text="+encodeURIComponent(JSON.stringify(simplemde.value()));

Answer 2

这样工作。

var dati = $("#form").serialize()+"&text="+simplemde.value();

php

$post= urldecode($_POST['text']);

我无法使用 Jquery Serialize 获取 Markdown 的值

I can't take the value of Markdown with Jquery Serialize

javascript

php

jquery

ajax

markdown