Text always bold when pasted from Docs

[nikolafilchev]

Text always bold when pasted from Docs, including pasting table data.

Steps for Reproduction

1. Visit https://codepen.io/nikolafilchev/pen/vvMOMG
2. Paste text from Docs

Expected behavior:
Maintained formatting text is pasted

Actual behavior:
Bold text is pasted

Platforms:
Everywhere that I tested

Version:
2.0.0-dev.3

[edhowler]

Is there any workaround for this? I'm having problems with this issue.

[edhowler]

I got it, here is what I did:

var Clipboard = Quill.import('modules/clipboard');
class Clipboard2 extends Clipboard {
    onCapturePaste(e) {
        if (e.defaultPrevented || !this.quill.isEnabled()) return;
        e.preventDefault();
        const range = this.quill.getSelection(true);
        if (range == null) return;
        let html = e.clipboardData.getData('text/html');
        html = html.replace('<b style="font-weight:normal;"', '<span"');
        const text = e.clipboardData.getData('text/plain');
        const files = Array.from(e.clipboardData.files || []);
        if (!html && files.length > 0) {
            this.quill.uploader.upload(range, files);
        }
        else {
            this.onPaste(range, { html, text });
        }
    }
}
window.Quill.register({'modules/clipboard': Clipboard2}, true);

[gs-mtripathi]

Does anybody have any update on this? I am still facing this issue in Firefox. Even on disabling formatting of pasted text, the content is bold. Can see the strong tag in Firefox. Looks fine in chrome, both with/without formatting.

[burmashave]

It's the same issue ProseMirror had in 2016 (since fixed):
ProseMirror/prosemirror#459

For some reason, Google Docs uses a "<b style="font-weight:normal id="..."> wrapper around documents, which Firefox naturally interprets as bold. Haven't yet tried the fix by @edhowler but it looks like it would work.

[burmashave]

So I'm able to remove the bolding when pasting from Google Docs into Firefox with a simple matcher like this:

let Delta = Quill.import('delta');

quill.clipboard.addMatcher('B', function(node, delta) {
    let val = true;
    if (node.style.fontWeight === 'normal') { val = false; }
    return delta.compose(new Delta().retain(delta.length(), { bold: val }));
});

Unfortunately, it also removes the formatting from any intentionally bolded text. I don't understand the matchers & deltas well enough to know how to preserve that formatting, but maybe someone else here does...?