Question

我有文本框和两个复选框，我可以在按钮点击时清除其值：

$("#cleartext").live('click', function () {
        $(this).parents('form').find('input[type="text"]').val('');
        $(".check").attr("checked", false);
    });

但我确实有一个textarea我使用html编辑器，但我无法清除它的价值所以请在此建议我这些要素的观点如下：

    <input type="text" id="title" name="title" required title="required" placeholder="title" data-bind="value:title" />
                            <input type="checkbox" id="active" name="active" class="check" data-bind="checked: active=='true'"  />Active
                            <input type="checkbox" id="logon" name="logon" class="check" data-bind="checked: use_logo=='true'"  />Logo
    <textarea id="iiii" name="iiii" class="htmleditor" rows="9" cols="50" style="width: 600px; height: 190px;"></textarea>
<button type="button" class="btn"  id="cleartext">New Contract</button>

Answer 1

您正在使用哪种HTML编辑器..

FCK或类似的开源编辑器有各自的方法来清除所有内容

e.g。

<script type="text/javascript"> 
function resetEditor(id) {
FCKeditorAPI.GetInstance(id).SetData('');
}
</script>.

对于wysihtml5，请尝试以下

var rte = $('#description').wysihtml5();
   rte.setValue('');

Answer 2

如果我找到了正确的插件，下面应该可以正常工作：

$('#iiii').data("wysihtml5").editor.clear()

Answer 3

建议和更正

不推荐使用函数$.live()。因此，请更改以下代码：

$("body").on('click', "#cleartext", function () {
    $(this).parents('form').find('input[type="text"]').val('');
    $(".check").attr("checked", false);
});

现在取决于textarea，比如说。 Redactor，你需要这样清楚：

editor.setCode('<p></p>');

Answer 4

正如Praveen Kumar所说，$.live()已被弃用。以下应该有效，并清除textarea：

$("body").on("click", "#cleartext", function() {
    $(this).parents("#your-form").find("input[type='text']").val("");
    $(".check").attr("checked", false);
    $("#iiii").val("");
});

但是如果经常调用你的函数，你应该在更近的块上绑定$.on()。您还应该避免$.parents()，因为这些功能很重。

清除html编辑器的内容

4 个答案: