Question

我正在尝试在我的网站上使用markitup编辑器，我在尝试找出将文本区域提交到服务器端脚本时需要做什么时遇到问题。我猜想有一些简单的东西需要做，但我缺乏JS / JQuery知识使得很难找到答案

编辑器工作正常，我只想使用自己的表单并使用它提交按钮，但是当我尝试提交表单时，我的脚本中没有得到任何textarea数据。

知道我需要做什么吗？这是有效的分钟（提交前）

In the Head of my HTML
        <script type="text/javascript" >
            <!--
            $(document).ready(function() {
                $("#markItUp").markItUp(mySettings);
            });
            -->
        </script>   

And the body:

    <form id="postpreview" name="newpost" action="/someurl" method="POST" />
    <input type="hidden" name="key1" value="val1" />
    <input type="hidden" name="key2" value="val2" />
    <textarea name="text" id="markItUp"></textarea>
    <input id="SubmitPost" type="image" value="Continue" name="Doit" class="preview" src="/img/somimage" />
    </form>

正如我所说，提交之前的所有内容都有效，但是一旦我提交，我就没有得到任何表单数据元素“text”。

我试着在头脑中这样做：

        <script type="text/javascript" >
            <!--
            $(document).ready(function() {
                $("#markItUp").markItUp(mySettings);
                $("#SubmitPost").click(function(){
                    data = markItUp.textarea.value;
                    $.post("scripturl",{ key1: "value1", key2: "value2", text: data });
                });
            });
            -->
    </script>

我也试过了：

        <script type="text/javascript" >
            <!--
            $(document).ready(function() {
                $("#markItUp").markItUp(mySettings);
                $("#postpreview").submit(function(){
                    var data = $("#markItUp").html();
                    $.post("live",{ func: "posting", text: data });
                    return false;
            });
        });
        -->
    </script>

我没有运气 - 上面的最后一次尝试只是禁用了表单（因此点击提交或预览按钮什么也没做）。

有什么想法吗？我猜它使用我自己的表格非常简单，但我不知道怎么做。

TIA！

Answer 1

如果你为textareas设置它：

$("textarea").markItUp(mySettings);

您无需执行任何特殊操作即可将表单提交到脚本中。只需将目标放在action属性中：

<form name="whatever" method="POST" action="SCRIPT_URL">

Answer 2

确保使用markitup.min.js文件

使用标准HTML表单标记符号wysiwyg

2 个答案: