bootstrap wysihtml5 set Value not working

Question

I have a wysihtml box and I want to fill its value after an ajax call

$("#<%=txtDescrizioneBreveCategoria.ClientID%>").wysihtml5();

function ModificaCategoria(id) {
    $.ajax({
                url: "Categorie.aspx/GetCategoria",
                type: 'POST',
                dataType: "json",
                data: JSON.stringify({ 'id': id }),
                contentType: 'application/json; charset=utf-8',
                cache: false,
                async: false,
                processdata: true,
                traditional: true,
                success: function (data) {
                    var c = data.d;
                        //we need to parse it to JSON 
                        c = $.parseJSON(c);
                        $('#<%=txtTitleCategoria.ClientID%>').val(c.Title);
                        $('#<%=txtDescrizioneBreveCategoria.ClientID%>').val(c.Descrizione);
                }
        });
}

I already tried with

$('#<%=txtDescrizioneBreveCategoria.ClientID%>').contents().find('body').html('<b>New text</a>');

and with

$('#<%=txtDescrizioneBreveCategoria.ClientID%>').html(c.Descrizione);

and with

var editorObj = $("#<%=txtDescrizioneBreveCategoria.ClientID%>").data('wysihtml5');
var editor = editorObj.editor;
editor.setValue(c.DescrizioneBreve);

but editor variable is always undefined I'm using wysihtml5x v0.4.15 link here

Answer 1

You should be able to achieve the same using below

$("#<%=txtDescrizioneBreveCategoria.ClientID%>").wysihtml5();
window.describeEditor = window.editor;

And then later you should can use

describeEditor.setValue(c.DescrizioneBreve, true)

or use

editorDescrizioneBreve.data("wysihtml5").editor.setValue(c.DescrizioneBreve, true);

Where editorDescrizioneBreve is the object returned by $("#<%=txtDescrizioneBreveCategoria.ClientID%>").wysihtml5()

PS: Solution based on https://github.com/jhollingworth/bootstrap-wysihtml5/issues/52

Answer 2

For my work that:

$('#ID OF ELEMENT').data("wysihtml5").editor.setValue('TEXT TO INSERT');

And i have some in the same page. :D

For more information: https://github.com/jhollingworth/bootstrap-wysihtml5/issues/52

Answer 3

For me, this worked:

$('.wysihtml5-sandbox').contents().find('body').html(descr)

I have only one Wysihtml5 on my page, with multiple, you need to use more precise selector.

Answer 4

Below code works for me

<textarea class="wysihtml5 form-control" rows="15"  id="txtContent" runat="server"></textarea>

   <script type="text/javascript"> 
      function GetContent() {
      var evnt = {RECORD_ID:'101'};
      $.ajax({
               type: "post",
               url: '/API/GetContent',
               contentType: "application/json; charset=utf-8",
               data: JSON.stringify(evnt),
               success: function (result) {
                  if (result) {             
                      var editorObj = $("#<%=txtContent.ClientID%>").data('wysihtml5');
                      var editor = editorObj.editor;
                      editor.setValue(result.CONTENT);
                  }
              }
          });
           }
    </script>