在<span>标签中</span>查找属性的Javascript Regexp是什么<span>？</span>

Question

我有一个<div contenteditable="true> ，我试图用它来从用户那里获取文本，我会使用一个简单的<textarea> ，但是我需要换行符，最后需要列表和表格等。那是半文本格式的文本编辑器，但不是完整的文本格式的编辑器。我不想使用文本格式的文本编辑器。

我正在尝试从键入<div contenteditable="true>的文本中消除<span>标记上的属性。使用Regexp有办法吗？我遇到了一个Regexp的困难，因为我可以没有弄清楚如何使字符串以<span开头并以>结束并且可以在任意数量的字符之间插入。是否有一种方法可以将其组合到一个Regexp中呢？我想出了/^<span >$/但这不起作用，因为两个字符串之间没有除法，这样的工作是否可行： /^[<span][>]$/g ？

Answer 1

解析HTML ，然后去除属性。 如果您在浏览器中执行此操作，则可以使用一个高级HTML解析器_{（或者您拥有IE）} ，所以请使用它！

Answer 2

为此使用DOM函数。 这是一些使用jQuery使其更容易阅读的代码：

$('#your-div span').each(function() {
    var elem = this, $elem = $(this);
    $.each(elem.attributes, function(i, attr) {
        if(attr) {
            $elem.removeAttr(attr.name);
        }
    });
});

演示： http : //jsfiddle.net/ThiefMaster/qfsAb/

但是，在您的情况下，您可能不仅要从范围中删除属性，而且要从所有元素中删除属性，除非该属性是align或href 。

因此，这里有一些JS： http : //jsfiddle.net/ThiefMaster/qfsAb/1/

$('#your-div').children().each(function() {
    var elem = this, $elem = $(this);
    $.each(elem.attributes, function(i, attr) {
        if(attr && attr.name != 'href' && attr.name != 'align') {
            $elem.removeAttr(attr.name);
        }
    });
});

Answer 3

我在http://jsfiddle.net/b3DSQ/上做了一个工作演示

$('#editor span').each(function(i, el) {
    var attrs = el.attributes;
    $.each(attrs, function(i, a) {
        $(el).removeAttr(a.name);
    });
});

[我更改了一个较早的版本，将内容复制到内存中，进行了编辑，然后进行了替换-尚未意识到键入div的内容在DOM中是自动有效的]。

Answer 4

尝试这个：

your_string.replace(/<span[^>]*>/g, '<span>');

但是，如果用户在<span title="Go > there">