【问题标题】:Clear out Redactor WYSIWYG清除 Redactor 所见即所得
【发布时间】:2014-05-24 21:13:57
【问题描述】:

我们有一个从数据库中填充的编辑器编辑器,但是一旦我们将数据提交回来,我们需要清除文本区域。

我们尝试了各种组合,但无法清除。

jQuery("#redactor").redactor('set', '');

jQuery("#redactor").val("");

【问题讨论】:

  • 看起来你可以先.redactor('selectionAll') 然后.redactor('selectionRemove')。其他选项可能是 insertTextinsertHtml
  • 一旦我们将数据提交回来.....你能在上面的问题中发布它吗?
  • 您提供的代码是jQuery("#redactor").redactor('set', ''); ,实际上正在编辑器演示页面上工作。 imperavi.com/redactor 也清除可视视图和文本区域。

标签: javascript jquery redactor


【解决方案1】:
$("#redactor").redactor('code.set', ''); 

更新版本

【讨论】:

  • 请不要只发布代码答案。请解释一下代码是怎么回事
  • 它将编辑器中的代码设置为空字符串;-)
【解决方案2】:

使用 Redactor 版本 3,我必须使用以下代码来清除 redactor 文本区域:

$('.redactor-in').html('');

注意:这会清除当前页面中的所有编辑器文本区域,如果他们想清除特定的文本区域并保留一些,则需要更改 jQuery DOM 选择器内的类名.redactor-in

【讨论】:

    【解决方案3】:

    当您使用DOM 时,您只需清除innerHTML

    $('.redactor_editor').html('');
    

    来源:How to clear input or HTML or text on the redactor wysiwyg editor?

    还有更多关于http://imperavi.com/redactor/docs/api/的文档

    $('#redactor').redactor('insertHtml', 'your code');
    

    【讨论】:

    • 在编辑器之外编辑所见即所得的编辑器内容通常不是一个好主意。如果可能的话,最好用编辑器提供的功能来做,或者去掉再重新添加。
    • 我们尝试了您的建议 - insertHtml 非常适合将数据库中的数据插入编辑器,但使用 $('#redactor').html('');没有清除它,$('#redactor').val('');
    • 嗨 Jared 我们在 textarea 中有文本,用户提交它,我们将它保存到数据库中。然后我们需要从 textarea 中清除文本,否则它会保留,如果用户重新打开,文本会再次添加到文本区域。保存数据后,我们需要做的就是将文本区域空白
    【解决方案4】:

    您可以将此代码示例用于 RedactorX

    $('.rx-editor p').html("")
    

    【讨论】:

      猜你喜欢
      • 2014-02-25
      • 2015-07-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-02
      • 1970-01-01
      • 2014-08-21
      • 2011-07-18
      相关资源
      最近更新 更多