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

What does the `$("#<%=txtDescrizioneBreveCategoria.ClientID%>").wysihtml5();` return you? I think that should return you the editor object — Tarun Lalwani, May 06 '18 at 20:08
@TarunLalwani yes, but it adds me 2 toolbars. I have one toolbar foreach time I call wysihtml5(). — Martina, May 07 '18 at 08:58
You should call it once only and then store the return value and use it. These methods are initialization methods and then you can store the output value in some variable and use it later — Tarun Lalwani, May 07 '18 at 09:02
@TarunLalwani You're right! but how can I set the value to the object? I tryied with val("xxx") but not working.. — Martina, May 07 '18 at 09:12
Can you create JSfiddle or StackBlitz for me to try the same? — Tarun Lalwani, May 07 '18 at 09:15

Tarun Lalwani · Accepted Answer · 2018-05-07T19:58:07.710

4

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

edited May 07 '18 at 19:58

answered May 07 '18 at 10:33

Tarun Lalwani

142,312
9
204
265

it tells me Uncaught TypeError: Cannot read property 'setValue' of undefined – Martina May 07 '18 at 19:41
using editorDescrizioneBreve.data("wysihtml5").editor.setValue(c.DescrizioneBreve, true); it works!! – Martina May 07 '18 at 19:47
@Martina, thanks for the feedback, updated the answer – Tarun Lalwani May 07 '18 at 19:58

score 3 · Answer 2 · answered Sep 11 '19 at 08:32

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.

answered Sep 11 '19 at 08:32

DaWe

1,422
16
26

score 0 · Answer 3 · answered May 25 '20 at 09:25

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>

score 0 · Answer 4 · answered Jul 04 '23 at 08:48

0

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

answered Jul 04 '23 at 08:48

Agustín Tamayo Quiñones

158
12

bootstrap wysihtml5 set Value not working

4 Answers4