为什么regex或.replace（）不'；t使用CKEditor&；替换脚本中的字符串；Javascript？_Javascript_Regex

为什么regex或.replace（）不'；t使用CKEditor&；替换脚本中的字符串；Javascript？

javascript regex

为什么regex或.replace（）不'；t使用CKEditor&；替换脚本中的字符串；Javascript？,javascript,regex,Javascript,Regex,任何人都可以帮我做这个脚本，当html代码粘贴到textarea时，它应该替换标签？由于未知原因，仅更换了一些标签，但约1/4或1/5的标签未更换 <script> CKE_init(); var editor = CKEDITOR.instances['edit']; var hArray={'@a\1': /https\:\/\/(\d)\.bp\.blogspot\.com\//gi, '@s\1': /src="https:\/\/(\d)\.bp\.

任何人都可以帮我做这个脚本，当html代码粘贴到textarea时，它应该替换标签？由于未知原因，仅更换了一些标签，但约1/4或1/5的标签未更换

<script>
  CKE_init();
  var editor = CKEDITOR.instances['edit'];

var hArray={'@a\1': /https\:\/\/(\d)\.bp\.blogspot\.com\//gi,
       '@s\1': /src="https:\/\/(\d)\.bp\.blogspot\.com\//gi,
'@im': /(img)/gi,
'@d1': /<div class="separator" style="clear: both; text-align: center;">/gi,
'@sw': /<span class="answer"><span class="answer"><br \/><\/span>/gi, 
'@sp': /<span class="answer"><span class="answer">/gi,
'@ac': /align="center" /gi,
'@al': /align="left"/gi,
'@ar': /align="right"/gi,
'@cp\1': /cellpadding=("?\d*"? )/gi,
'@cs\1': /cellspacing=("?\d*"? )/gi,
'@tb': /<tbody>/gi,
'@st': /style="/gi,
'@ml': /margin-left: /gi,
'@mr': /margin-right: /gi,
'@tc': /"text-align: center;"/gi,
'@t:': /text-align: center;"/gi,
'@tl': /"text-align: left;"/gi,
'@tr': /"text-align: right;"/gi,
'@sa': /<span class="answer">/gi,
'@c1': /class="tr-caption-container" /gi,
'@c2': /class="tr-caption" /gi,
'@/t': /<\/table>/gi,
'@t/': /<\/tbody>/gi,
'@/r': /<\/td><\/tr>/gi,
'@w\1': /width="(\d*)" /gi,
'@h\1': /height="(\d*)" /gi,
'@bs': /<br \/><\/span><\/span><br \/>/gi,
'@s/': /<\/span><\/span><br \/>/gi,
'@/s': /<\/span><\/span>/gi,
'@ts': /<table /gi,
'@a/': /\/><\/a>/gi,
'@r/': /<tr><td /gi,
'@/b': /<br \/>/gi,
'@au': /auto; /gi,
'@b\1': /border="(\d*)"/gi,
'@n\1': /anchor="(\d*)"/gi,
'@d2': /<div class="separator"/gi,
'@/d': /<tr><td /gi,
'@da': /<\/a><\/div>/gi,
'@j': /\.jpg" \/>/gi,
'@p': /\.png" \/>/gi,
'@g': /\.gif" \/>/gi,
'@im': /;"><img /gi
};

  editor.on( 'paste', function( evt ) {
    for (k in hArray) 
      evt.data.dataValue = evt.data.dataValue
          .replace( hArray[k], k );

  });
</script>

我在控制台日志中看到：

  editor.on( 'paste', function( evt ) {
    for (k in hArray) 
{
console.log(k + ': ' +evt.data.dataValue
          .match( hArray[k] ));
      evt.data.dataValue = evt.data.dataValue
          .replace( hArray[k], k );
}

所以真的没有匹配。如何修复脚本以替换短字符串的所有指定标记和字符串

注: 第三个索引

“@im”：/（img）/gi，

仅为测试目的而添加。

“@im:null”add.php:836

控制台明确表示未找到img标记。但是源文本中有很多图像。最后一个索引：

“@im”：；“>Regex不是解析HTML的正确工具。关于这一点，目前有一个很好的答案，尽管它有点自命不凡，但它确实清楚地表明了这一点。除非这是一项一次性工作，不需要维护或仅限于一个不会发生实质性变化的输入，否则Regex不是解析HTML的正确工具

那么什么是正确的工具呢？好的，HTML是XML的一种特殊形式，所以理论上你可以使用XML解析器。但是，javascript有一种更好的方法。你看，javascript是设计用来与HTML协同工作的。所以你可以将HTML输入视为HTML页面，并像平常一样处理它：
<body>
<script>
var str = '<img name=text>';
str = str.replace( /<img /gi ,'***');
// console.log( str );
alert(str);
</script>
</body>

Regex不是解析HTML的合适工具。关于这一点，目前有一个很好的答案，虽然它有点自命不凡，但它确实明确了这一点。除非这是一项一次性工作，不需要维护或仅限于一个不会发生实质性变化的输入，否则Regex不是解析HTML的合适工具

那么什么是正确的工具呢？好的，HTML是XML的一种特殊形式，所以理论上你可以使用XML解析器。但是，javascript有一种更好的方法。你看，javascript是设计用来与HTML协同工作的。所以你可以将HTML输入视为HTML页面，并像平常一样处理它：
<body>
<script>
var str = '<img name=text>';
str = str.replace( /<img /gi ,'***');
// console.log( str );
alert(str);
</script>
</body>

变量evt.data.dataValue的内容包含转换的标记：
警报（evt.data.dataValue）；

表格align=“center”cellpadding=“0”cellspacting=“0”class=“tr caption container”style=“左边距：自动；右边距：自动；文本对齐：居中；“t正文
trtd style=“文本对齐：居中；“a href=”https://1.bp.blogspot.com/-RIsL-uwaO4/VstRPZ0U6dI/AAAAAAAAChw/MHWTQ09DRGQ/s1600/n%25C3%25A1let000.jpg“style=”左边距：自动；右边距：自动；“img border=“0”height=“266”src=”https://1.bp.blogspot.com/-RGIsL-uwaO4/VstRPZ0U6dI/AAAAAAAAChw/MHWTQ09DRGQ/s400/file0.jpg“width=“400”//a/td/tr
trtd class=“tr caption”style=“文本对齐：居中；“此处等距文本。/i/td/tr
/tbody/table
br/span class=“answer”span class=“answer”br//span/span
br/
table align=“center”cellpading=“0”cellspacting=“0”class=“tr caption container”style=“页边空白：自动；右边距：自动；文本对齐：居中；“t正文
trtd style=“文本对齐：居中；“a href=”https://4.bp.blogspot.com/-Nv8BBDRzK8/VstSBSdINlI/AAAAAAAACh4/UoCuxubTGlY/s1600/n%25C3%25A1let002.jpg“style=”左边距：自动；右边距：自动；“img border=“0”height=“266”src=”https://4.bp.blogspot.com/-NTv8BBDRzK8/VstSBSdINlI/AAAAAAAACh4/UoCuxubTGlY/s400/file2.jpg“width=“400”//a/td/tr
trtd class=“tr caption”style=“文本对齐：居中；“此处等距文本。/i/td/tr
/tbody/table
span class=“answer”span class=“answer”br//span/spanbr/
br/
br/table align=“center”cellpadding=“0”cellspacting=“0”class=“tr caption container”style=“页边空白：自动；右边距：自动；文本对齐：居中；“t正文
trtd style=“文本对齐：居中；“a href=”https://2.bp.blogspot.com/-PVNoX7ffiw/VstXyi3a-dI/AAAAAAAACiI/-Ijv2cOzSwc/s1600/F4F-3-45kg-2s.gif“style=”左边距：自动；右边距：自动；“img border=“0”height=“400”src=”https://2.bp.blogspot.com/-PVWNoX7ffiw/VstXyi3a-dI/AAAAAAAACiI/file.gif“width=“640”//a/td/tr
trtd class=“tr caption”style=“文本对齐：居中；“ispan class=“answer”span class=“answer”这里有一些文本。/span/span/span/i/td/tr
/tbody/table
span class=“answer”span class=“answer”br//span/span class=“answer”/span/span br/
div class=“separator”style=“clear:两者都有；文本对齐：居中；“
a href=”https://3.bp.blogspot.com/-_mOBQG5AEbE/Vs9U3jodYWI/AAAAAAAACm0/TuIvD8_N0w/s1600/bounce%2Bf4f-3%2Bwildcat.jpg“imageanchor=“1”style=“左边距：1em；右边距：1米；“img border=“0”src=”https://3.bp.blogspot.com/-_mOBQG5AEbE/Vs9U3jodYWI/AAAAAAAACm0/TuIYvD8_N0w/s1600/files.jpg“//a/div
br/
table align=“center”cellpadding=“0”cellspacting=“0”class=“tr caption container”style=“margin left:auto；右边距：自动；文本对齐：居中；“t正文
trtd style=“文本对齐：居中；“a href=”https://2.bp.blogspot.com/-Wi3KwbjGO4/Vs9VBQNkd2I/AAAAAAAACm4/H0BWjNyHtsk/s1600/F4F-3-45kg-2s-low.gif“imageanchor=“1”style=“左边距：自动；右边距：自动；“img border=“0”src=”https://2.bp.blogspot.com/-Wio3KwbjGO4/Vs9VBQNkd2I/AAAAAAAACm4/H0BWjNyHtsk/s1600/file.gif“//a/td/tr
trtd class=“tr caption”style=“text align:center；“此处有一些文本。/td/tr
/tbody/table
br/
table align=“center”cellpading=“0”cellspacting=“0”class=“tr caption container”style=“margin left:auto；右边距：自动；文本对齐：居中；“t正文
trtd style=“文本对齐：居中；“a href=”https://1.bp.blogspot.com/-mztbZKi6uQ/Vs9fMJMdU1I/AAAAAAAACnI/pHx73lxSlTU/s1600/F4F-3-45kg-2s-low-2-right.gif“imageanchor=“1”style=“左边距：自动；右边距：自动；“img border=“0”src=”https://1.bp.blogspot.com/-mztbbZKi6uQ/Vs9fMJMdU1I/AAAAAAAACnI/pHx73lxSlTU/s1600/file.gif“//a/td/tr
trtd class=“tr caption”style=“text align:center；“此处有一些文本。/td/tr
/tbody/table
此处有一些文本br/
br/
div class=“separator”style=“clear:两者都有；文本对齐：居中；“
a href=”https://2.bp.blogspot.com/-ToAt8EbjaRM/Vs9hLgWFr9I/AAAAAAAACnU/6UZ65VW2nY/s1600/ttss.gif"
var hArray={ '@im': /img/gi }

<body>
<script>
var str = '<img name=text>';
str = str.replace( /<img /gi ,'***');
// console.log( str );
alert(str);
</script>
</body>

editor.on( 'paste', function( evt ) {
    var el = document.createElement('html');
    el.innerHTML = evt.data.datavalue
    //Now do whatever editing you have to do to replace in here using the normal DOM tools.
});

<p>&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;<br>&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://1.bp.blogspot.com/-RIsL-uwaO4/VstRPZ0U6dI/AAAAAAAAChw/MHWTQ09DRGQ/s1600/n%25C3%25A1let000.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="266" src="https://1.bp.blogspot.com/-RGIsL-uwaO4/VstRPZ0U6dI/AAAAAAAAChw/MHWTQ09DRGQ/s400/file0.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;i&gt;some text here.&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;/tbody&gt;&lt;/table&gt;<br>&lt;br /&gt;&lt;span class="answer"&gt;&lt;span class="answer"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;<br>&lt;br /&gt;<br>&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;<br>&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://4.bp.blogspot.com/-Nv8BBDRzK8/VstSBSdINlI/AAAAAAAACh4/UoCuxubTGlY/s1600/n%25C3%25A1let002.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="266" src="https://4.bp.blogspot.com/-NTv8BBDRzK8/VstSBSdINlI/AAAAAAAACh4/UoCuxubTGlY/s400/file2.jpg" width="400" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;i&gt;some text here.&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;/tbody&gt;&lt;/table&gt;<br>&lt;span class="answer"&gt;&lt;span class="answer"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;<br>&lt;br /&gt;<br>&lt;br /&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;<br>&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://2.bp.blogspot.com/-PVNoX7ffiw/VstXyi3a-dI/AAAAAAAACiI/-Ijv2cOzSwc/s1600/F4F-3-45kg-2s.gif" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="400" src="https://2.bp.blogspot.com/-PVWNoX7ffiw/VstXyi3a-dI/AAAAAAAACiI/file.gif" width="640" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;&lt;i&gt;&lt;span class="answer"&gt;&lt;span class="answer"&gt;some text here.&lt;/span&gt;&lt;/span&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;/tbody&gt;&lt;/table&gt;<br>&lt;span class="answer"&gt;&lt;span class="answer"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;<br>&lt;span class="answer"&gt;&lt;span class="answer"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;<br>&lt;br /&gt;&lt;br /&gt;<br>&lt;div class="separator" style="clear: both; text-align: center;"&gt;<br>&lt;a href="https://3.bp.blogspot.com/-_mOBQG5AEbE/Vs9U3jodYWI/AAAAAAAACm0/TuIvD8_N0w/s1600/bounce%2Bf4f-3%2Bwildcat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://3.bp.blogspot.com/-_mOBQG5AEbE/Vs9U3jodYWI/AAAAAAAACm0/TuIYvD8_N0w/s1600/files.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;<br>&lt;br /&gt;<br>&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;<br>&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://2.bp.blogspot.com/-Wi3KwbjGO4/Vs9VBQNkd2I/AAAAAAAACm4/H0BWjNyHtsk/s1600/F4F-3-45kg-2s-low.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://2.bp.blogspot.com/-Wio3KwbjGO4/Vs9VBQNkd2I/AAAAAAAACm4/H0BWjNyHtsk/s1600/file.gif" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;some text here.&lt;/td&gt;&lt;/tr&gt;<br>&lt;/tbody&gt;&lt;/table&gt;<br>&lt;br /&gt;<br>&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"&gt;&lt;tbody&gt;<br>&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="https://1.bp.blogspot.com/-mztbZKi6uQ/Vs9fMJMdU1I/AAAAAAAACnI/pHx73lxSlTU/s1600/F4F-3-45kg-2s-low-2-right.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" src="https://1.bp.blogspot.com/-mztbbZKi6uQ/Vs9fMJMdU1I/AAAAAAAACnI/pHx73lxSlTU/s1600/file.gif" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;<br>&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;some text here.&lt;/td&gt;&lt;/tr&gt;<br>&lt;/tbody&gt;&lt;/table&gt;<br>some text here&lt;br /&gt;<br>&lt;br /&gt;<br>&lt;div class="separator" style="clear: both; text-align: center;"&gt;<br>&lt;a href="https://2.bp.blogspot.com/-ToAt8EbjaRM/Vs9hLgWFr9I/AAAAAAAACnU/6UZ65VW2nY/s1600/ttss.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://2.bp.blogspot.com/-ToAt8EbjaRM/Vs9hLgWFr9I/AAAAAAAACnU/6U8Z65VW2nY/s1600/filenamehere.gif" /&gt;&lt;/a&gt;&lt;/div&gt;<br>&lt;br /&gt;</p><p></p>

<script>
CKEditor_init();
var editor = CKEDITOR.instances['edit'];
var hArray={
'' : /&amp;/gi, // REMOVE html entity: @ 
'<' : /&lt;/gi, // decode html entity 
'>' : /&gt;/gi, // decode html entity 

'@a\1': /https\:\/\/(\d)\.bp\.blogspot\.com\//gi,
'@s\1': /src="https:\/\/(\d)\.bp\.blogspot\.com\//gi,
'@d1': /<div class="separator" style="clear: both; text-align: center;">/gi,
'@sw': /<span class="answer"><span class="answer"><br \/><\/span>/gi, 
'@sp': /<span class="answer"><span class="answer">/gi,
'@ac': /align="center" /gi,
'@al': /align="left"/gi,
'@ar': /align="right"/gi,
'@cp\1': /cellpadding=("?\d*"? )/gi,
'@cs\1': /cellspacing=("?\d*"? )/gi,
'@tb': /<tbody>/gi,
'@st': /style="/gi,
'@ml': /margin-left: /gi,
'@mr': /margin-right: /gi,
'@tc': /"text-align: center;"/gi,
'@t:': /text-align: center;"/gi,
'@tl': /"text-align: left;"/gi,
'@tr': /"text-align: right;"/gi,
'@sa': /<span class="answer">/gi,
'@c1': /class="tr-caption-container" /gi,
'@c2': /class="tr-caption" /gi,
'@/t': /<\/table>/gi,
'@t/': /<\/tbody>/gi,
'@/r': /<\/td><\/tr>/gi,
'@w\1': /width="(\d*)" /gi,
'@h\1': /height="(\d*)" /gi,
'@bs': /<br \/><\/span><\/span><br \/>/gi,
'@s/': /<\/span><\/span><br \/>/gi,
'@/s': /<\/span><\/span>/gi,
'@\\s': /<\/span>/gi,
'@ts': /<table /gi,
'@a/': /\/><\/a>/gi,
'@r/': /<tr><td /gi,
'@/b': /<br \/>/gi,
'@au': /auto; /gi,
'@b\1': /border="(\d*)"/gi,
'@n\1': /anchor="(\d*)"/gi,
'@d2': /<div class="separator"/gi,
'@/d': /<tr><td /gi,
'@da': /<\/a><\/div>/gi,
'@j/': /\.jpg" \/>/gi,
'@p/': /\.png" \/>/gi,
'@g/': /\.gif" \/>/gi,
'@j.': /\.jpg" /gi,
'@p.': /\.png" /gi,
'@g.': /\.gif" /gi,
'@im': /;"><img /gi,
'@sr': /src="'/gi,
'@s=': /src="/gi,
'@/a': /><a href=/gi,
'@d/': /<\/div><br>/gi,
'@b/': /<br>/gi, 
'@/p': /<p><\/p>/gi,
'@\\p': /<\/p>/gi,
'@p-': /<p>/gi,
'@/i': /><i>/gi,
'@\1': /\/s\d*0\//gi,

'&lt;': /</g , // encode html entity 
'&gt;': />/g   // endcode html entity 

};
editor.on( 'paste', function( evt ) {
    for (k in hArray) 
      evt.data.dataValue = evt.data.dataValue
            .replace( hArray[k], k );          
  });  
  </script>