jQuery，用ajax发送富文本编辑器的textarea值？

Question

我无法在elRTE富文本编辑器中使用ajax发布textarea值。

编辑演示页面如下所示；

http://elrte.org/demo

我使用下面的代码；

$.ajaxSetup({
    type: "POST",
    url: "forms.php",
    cache: false,
    dataType: "html"
});

$("input.add").live("click", function(){
    $.ajax({
        data: {action: 'add', tag: $('input.tag').val(), description: $('#editor').val()},
        success: function(data){
            $("#message").html(data);
        }
    });
});

我尝试过几种不同的方法来发送textarea值，但是无法实现。

Answer 1

简单地看一下演示页面，我注意到您的#editor "textarea"实际上不是文本区域，而是一个看起来像文本区域的DIV。所以$('#editor').val()不能工作。我建议使用$('#editor').html()，但是#editor并不是真正的编辑器div，所以这实际上不会达到您想要的效果。通过选择实际的div并使用.html()来获取联系人，Shyju的回答是正确的。

但是我只是稍微看了一下这个站点，这里似乎有一个javascript，它允许您轻松地获取您想要的数据：$('#editor').elrte('val'); http://elrte.org/redmine/projects/elrte/wiki/JavaScript_API_EN。

您可能遇到的另一个问题是，您目前正在通过ajax请求(默认方法)，但是由于描述值可能非常大，所以对于URL的最大长度限制来说太大了。我建议对ajax请求使用POST而不是GET。Ie："**POST**"类型：

Answer 2

我可以看到div有一个名为"el-rt-structure“的类。尝试使用它选择元素，并使用html()函数获取该元素的内部html

$("input.add").live("click", function(){
  var textAreContent=$(".el-rte-structure").html();
    $.ajax({
        data: {action: 'add', tag: $('input.tag').val(), description: textAreContent},
        success: function(data){
            $("#message").html(data);
        }
    });
});