New to Kendo UI for jQuery? Download free 30-day trial

Inline Editor Value Is Not Posted to the Server

Environment

Product Progress® Kendo UI® for jQuery Editor
Operating System Windows 10 64bit

Description 

The inline jQuery Editor value is not posted to the server.

Cause

Because the inline Editor is initialized from a non-form element, it is not posted to the server by design.

Solution

To submit the value of the Editor along with the form, use the approach demonstrated in the following example.

<form>
  <div id="comment" contentEditable></div>

  <button class="k-button">Submit</button>
</form>

<script>
  $("form").on("submit", function() {
    var form = $(this);

    // For each Editor in the form...
    form.find("[data-role=editor]").each(function() {
      var editor = $(this).data("kendoEditor");

      // ... append a hidden input that holds the Editor value.
      $("<input type='hidden' />")
        .attr("name", editor.element.attr("id"))
        .val(editor.value())
        .appendTo(form);
    });
  });
</script>

See Also

In this article