使用Rangy.js粘贴没有HTML标签的纯文本

时间:2013-02-21 10:28:36

标签: javascript jquery contenteditable paste rangy

我在这里和Google搜索和搜索相关,但是我没有找到任何解决方案来通过使用Rangy.js或本机JS来实现这一点。

如果我有简单的格式化文本要复制,如..

<div>
    <b>Copy me (All) : Soufflé chupa chups</b><br>
    <p style="color:#f00;">
        Cotton candy caramels
    </p>
</div>

如何将纯文本(没有样式文本)复制并粘贴到contenteditable元素?

我不关心旧的IE。只需要当前的Firefox或Chrome工作。

演示: http://jsfiddle.net/72r6J/

2 个答案:

答案 0 :(得分:1)

不幸的是,你需要一个有点hacky的解决方案。我在这里描述了它:

https://stackoverflow.com/a/3554615/96100

这是CKEditor开发人员对类似问题的有用深入解答:

Paste as plain text Contenteditable div & textarea (word/excel...)

答案 1 :(得分:-1)

我不知道你的所有用例,但是这样的事情是什么:

$(document).keyup(function(){
         $(".editor").text($(".editor").text());
    });

它只是删除里面的所有html标签,你也可以使用其他事件,或删除编辑器div中的所有样式属性。