bootstrap wysihtml5 设置值无效

Question

我有一个 wysihtml 框，我想在 ajax 调用后填充它的值

$("#<%=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);
                }
        });
}

我已经尝试过

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

并与

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

并与

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

但编辑器变量始终未定义我正在使用 wysihtml5x v0.4.15 linkhere

Answer 1

您应该可以使用下面的方法实现相同的效果

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

之后你应该可以使用

describeEditor.setValue(c.DescrizioneBreve, true)

或使用

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

其中editorDescrizioneBreve是$("#<%=txtDescrizioneBreveCategoria.ClientID%>").wysihtml5()

返回的对象

PS：基于https://github.com/jhollingworth/bootstrap-wysihtml5/issues/52

的解决方案

Answer 2

对我来说，这很有效：

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

我的页面只有一个Wysihtml5，有多个，你需要使用更精确的选择器。

Answer 3

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>

bootstrap wysihtml5 设置值无效

bootstrap wysihtml5 set Value not working

javascript

asp.net

jquery

wysihtml5

bootstrap-wysiwyg