Extra data added when pasting from word.

[brijeshb42]

A whole mess of html comments get added in a separate p tag when I try to paste contents from a word document.

[nmielnik]

ugh

[cperryk]

+1

[j0k3r]

@cperryk @brijeshb42 Could you give us a Word file that we can use to reproduce the bug?
Also, which browser are you using? What is your MediumEditor configuration?

[hcharley]

Here's an example:
comments example.docx

Here's just a snippit of the comments I'm seeing pasted in to an empty paragraph:

<!--[if gte mso 9]><xml>  <w:WordDocument>   <w:View>Normal</w:View>   <w:Zoom>0</w:Zoom>   <w:TrackMoves/>   <w:TrackFormatting/>   <w:PunctuationKerning/>   <w:ValidateAgainstSchemas/>   <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>   <w:IgnoreMixedContent>false</w:IgnoreMixedContent>   <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>   <w:DoNotPromoteQF/>   <w:LidThemeOther>EN-US</w:LidThemeOther>   <w:LidThemeAsian>JA</w:LidThemeAsian>   <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>   <w:Compatibility>    <w:BreakWrappedTables/>    <w:SnapToGridInCell/>    <w:WrapTextWithPunct/>    <w:UseAsianBreakRules/>    <w:DontGrowAutofit/>    <w:SplitPgBreakAndParaMark/>    <w:EnableOpenTypeKerning/>    <w:DontFlipMirrorIndents/>    <w:OverrideTableStyleHps/>    <w:UseFELayout/>   </w:Compatibility>   <m:mathPr>    <m:mathFont m:val="Cambria Math"/>    <m:brkBin m:val="before"/>    <m:brkBinSub m:val="&#45;-"/>    <m:smallFrac m:val="off"/>    <m:dispDef/>    <m:lMargin m:val="0"/>    <m:rMargin m:val="0"/>    <m:defJc m:val="centerGroup"/>    <m:wrapIndent m:val="1440"/>    <m:intLim m:val="subSup"/>    <m:naryLim m:val="undOvr"/>   </m:mathPr></w:WordDocument> </xml><![endif]-->

[phiggins42]

I've seen HUGE metadata like this. fortunately it's allll wrapped in comment nodes.

        if(node && (node.nodeType === 8 || (node.nodeType === 1 && /^o\:/i.test(node.tagName)))){
            node.parentNode.removeChild(node);
        }

works to cleanup after the fact.

or you could do a customReplacements that will match <!--(.*)--> or similar?

[hcharley]

In my jquery ways, I've used this:

medium_editor.subscribe('editableInput', function (event, editable) {
            $(editable).find("p").contents().each(function() {
                if(this.nodeType === Node.COMMENT_NODE || this.nodeType == 8) {
                    $(this).remove();
                }
            });
});

Can't figure out how to recursively grab the comments, so I just have to count on them being first level children of <p> tags

[hcharley]

Actually, looks like this setting in the paste settings works:

cleanReplacements: [[/<!--[^>]*-->/gi, ""]],

Full settings:

                    paste: {
                        cleanPastedHTML: true,
                        forcePlainText: true,
                        cleanReplacements: [[/<!--[^>]*-->/gi, ""]],
                        cleanAttrs: ['class', 'dir', 'style', ],
                        cleanTags: ['label', 'meta', 'aside', 'span']
                    },