0

我确实有 wysihtml5Editor，我想使用 jQuery 清除编辑器的值。我编写的代码如下：

$(function () {
   $("#cleartext").live('click', function () {
    $('#def_text').wysihtml5().data("wysihtml5").editor.clear();
    });
});

<textarea  name="def_text"  id="def_text" class="w100" rows="9" cols="50" data-bind="editor: def_text"></textarea>
<button type="reset" class="btn" id="cleartext"><i class="icon-pencil"></i> New Contract</button>

我没有得到想要的结果——它向我显示了编辑器未定义的错误。请提出建议。

4

7 回答 7

3

我认为你把它弄得太复杂了。只需设置您的变量并将其链接到您的文本区域，然后仅使用该变量：

var editor = new wysihtml5.Editor("myTextarea");
editor.clear();

或者

editor.setValue('', true);

为我工作。

于 2013-04-09T15:43:35.677 回答
0

我必须这样做才能清除单页应用程序中的数据：

当我尝试

('#comments').data("wysihtml5").editor.clear() // Got error **Uncaught TypeError: Cannot read property 'editor' of undefined**

当我尝试

var editor = $('#comments').wysihtml5();
editor.clear(); // This clears only the textarea which is hidden. Did not clear the Editor.

所以这就是我所做的，（可能不是一个好方法，但这清除了我的文本区域）

$(".wysihtml5-sandbox").remove();
$("#comments").show();
$('#comments').val('');

然后再次初始化编辑器，

var editor = new wysihtml5.Editor("comments", { // id of textarea element
  toolbar:      "wysihtml5-toolbar", // id of toolbar element
  parserRules:  wysihtml5ParserRules, // defined in parser rules set
  stylesheets: "/cca/css/richtext.css"
});
于 2015-01-15T23:26:41.193 回答
0

在我看来，你让这变得比必要的更复杂。你试试怎么样：

$("#cleartext").click(function () {
    $('#def_text').val('');
});

看到这个小提琴。

于 2013-03-30T17:22:09.313 回答
0

这对我有用，我写了几行自定义 JS 代码。我想他们可以帮助你。

var content = $('#textareaId');
var contentPar = content.parent()
contentPar.find('.wysihtml5-toolbar').remove()
contentPar.find('iframe').remove()
contentPar.find('input[name*="wysihtml5"]').remove()
content.show()
$('#textareaId').val('');
$("#textareaId").wysihtml5();
于 2016-07-28T05:51:30.627 回答
0

我正在使用 bootstrap 3 wysiHtml5 编辑器，这里给出的解决方案都不适合我，我使用了这个并且它有效

$('#controlid ~ iframe').contents().find('.wysihtml5-editor').html('');

于 2019-03-19T13:03:19.287 回答
0

这对我有用。，创建一个 div 标签，里面放你的textarea元素

<div id="CommentTextArea">

<textarea  name="comment_text"  id="comment"  rows="9" cols="50" ></textarea>

</div>

<button type="submit"  id="send"> Send </button>

在您的 .js 文件中 

 $(function(){

// Initialize the Editor
$("#comment").wysihtml5({

toolbar: {
 "size": "xs",    //<buttonsize> // options are xs, sm, lg
"font-styles": false, // Font styling, e.g. h1, h2, etc.
"emphasis": true, // Italics, bold, etc.
"lists": false, // (Un)ordered lists, e.g. Bullets, Numbers.
"html": false, // Button which allows you to edit the generated HTML.
"link": true, // Button to insert a link.
"image": true, // Button to insert an image.
"color": false, // Button to change color of font
"blockquote": false, // Blockquote

}
});

// when the send button is clicked

$('#send').click(function(){

   setTimeout(function(){
        //remove  wysihtml5Editor contents  
   $("#CommentTextArea").html('<textarea  name="comment_text"  id="comment"  rows="9" cols="50" ></textarea>');

// and then Initialize the Editor again,

$("#comment").wysihtml5({

toolbar: {
 "size": "xs",    //<buttonsize> // options are xs, sm, lg
"font-styles": false, // Font styling, e.g. h1, h2, etc.
"emphasis": true, // Italics, bold, etc.
"lists": false, // (Un)ordered lists, e.g. Bullets, Numbers.
"html": false, // Button which allows you to edit the generated HTML.
"link": true, // Button to insert a link.
"image": true, // Button to insert an image.
"color": false, // Button to change color of font
"blockquote": false, // Blockquote
   }});

     }, 1000);   

});



    });
于 2016-04-08T20:52:25.020 回答
-1

你初始化正确吗？文档显示如下：

$(function () {
    var editor = new wysihtml5.Editor("def_text");

    $("#cleartext").on('click', function () {
        $('#def_text').data("wysihtml5").editor.clear();
    });
});

或者，更接近你的，

var wysihtml5Editor = $('#def_text').wysihtml5();
于 2013-03-30T06:02:54.223 回答