Javascript 使用TinyMCE 4或HTMLPurifier清理HTML

我有一个带有描述字段的表单，它使用TinyMCE 4编辑文本和图像

以下是我对TinyMCE的配置：

tinymce.init({
    selector: '.tinymce',
    formats: {
        bold: [
            {inline: 'span', styles: {fontWeight: 'bold'}}
        ],
        italic: [
            {inline: 'span', styles: {fontStyle: 'italic'}}
        ],
        underline: [
            {inline: 'span', styles: {textDecoration: 'underline'}, exact: true}
        ],
        strikethrough: [
            {inline: 'span', styles: {textDecoration: 'line-through'}, exact: true}
        ]
    },
    width: '80%',
    height: 200,
    menubar: false,
    statusbar: false,
    plugins: [
        'advlist autolink save link image lists hr',
        'wordcount visualblocks visualchars code media',
        'table contextmenu directionality textcolor colorpicker'
    ],
    toolbar1: 
        'styleselect | bold italic underline subscript superscript strikethrough removeformat | forecolor backcolor | ' + 
        'fontselect | bullist numlist | alignleft aligncenter alignright alignjustify | table | ' + 
        'link unlink image hr | code',
    toolbar_items_size: 'small',
    style_formats: [
        { title: 'Header 1', block: 'h1' }, { title: 'Header 2', block: 'h2' }, { title: 'Header 3', block: 'h3' },
        { title: 'Header 4', block: 'h4' }, { title: 'Header 5', block: 'h5' }, { title: 'Header 6', block: 'h6' }
    ],
    allow_conditional_comments: false,
    valid_elements: 'a,div,h1,h2,h3,h4,h5,h6,hr,li,ol,p,span[style],sub,sup,table[*],tr[*],td[*],ul,-p',
    extended_valid_elements : 'a[href|target=_blank],img[src|alt|width|height]',
    content_css: [],
    setup: function (editor) {
        // update selector's value when changes are made
        editor.on('change', editor.save);
    }
});

提交表单时，使用HTMLPurifier对描述字段进行清理

以下是我对HTMLPurifier的配置：

$config = HTMLPurifier_Config::createDefault();
$config->set('Core.Encoding', 'UTF-8');
$config->set('HTML.ForbiddenElements', array('applet','embed','iframe','link','script','style','object'));
$config->set('AutoFormat.RemoveEmpty', true);
$config->set('Core.RemoveInvalidImg', true);
$config->set('URI.AllowedSchemes', array('data' => true)); // allow data URIs
$purifier = new HTMLPurifier($config);

在说明中输入数据时，可以使用嵌套的跨度标记。例如：

<h1><span style="text-decoration: underline; color: #ff6600;"><span style="font-weight: bold; font-style: italic;">sddfdsdfdhjhjkhjkh</span></span></h1>

sddfdsdfdhjhjkh

问题：是否有方法清理HTML（使用TinyMCE或HTMLPurifier），以便尽可能折叠样式

<h1><span style="text-decoration: underline; color: #ff6600; font-weight: bold; font-style: italic;">sddfdsdfdhjhjkhjkh</span></h1>

sddfdsdfdhjhjkh

或者更好：

<h1 style="text-decoration: underline; color: #ff6600; font-weight: bold; font-style: italic;">sddfdsdfdhjhjkhjkh</h1>

sddfdsdfdhjhjkh

HTML净化器没有此功能，抱歉！我甚至不知道如何实现这两个目标；有很多嵌套跨距与单个样式的组合，不能以这种方式折叠。

HTML净化器没有此功能，抱歉！我甚至不知道如何实现这两个目标；有很多嵌套跨距与单个样式的组合，它们不能以这种方式折叠。

因为您得到了另一个答案，使用HTML净化器是不可能的

但是仍然可以创建一个助手函数来执行您想要的操作

通过使用

preg\u replace

和

regex

我们可以创建以下函数，该函数将删除跨度并获得您要求的输出：

function filterSpan($content)
{
    return preg_replace('/(><span)|(<\/span>)/', '', $content);
}

---

当你得到另一个答案，它是不可能使用HTML净化器的

但是仍然可以创建一个助手函数来执行您想要的操作

通过使用

preg\u replace

和

regex

我们可以创建以下函数，该函数将删除跨度并获得您要求的输出：

function filterSpan($content)
{
    return preg_replace('/(><span)|(<\/span>)/', '', $content);
}

---

这是答案还是评论？这是答案。你不能用HTML净化器做到这一点。也许你可以自己实现它。但我不是OP，只是在回答这个问题。不要抱歉，你写了这个很棒的库，希望有一天它会有这个功能。这是答案还是评论？这是答案。你不能用HTML净化器做到这一点。也许你可以自己实现它。但我不是OP，只是在回答这个问题。别抱歉，你写了这个很棒的库，希望有一天它会有这个功能。我明天会看看你的问题，可能会帮助你我已经回答了，你也投了我的票我明天会看你的问题，也许会帮你我已经回答了，你也投了我的票。。这是一个非常简单的解决方案。但是，如果跨距具有其他属性，这可能会创建无效标记。幸运的是，我没有。谢谢陛下这是一个非常简单的解决方案。但是，如果跨距具有其他属性，这可能会创建无效标记。幸运的是，我没有。谢谢

<h1 style="text-decoration: underline; color: #ff6600; 
font-weight: bold; font-style: italic;">sddfdsdfdhjhjkhjkh</h1>