Pasting content from Google Docs

The Paste from Google Docs feature is provided through the PasteFromOffice plugin.

This feature allows you to paste content from Google Docs and maintain the original structure and formatting. After creating a document in Google Docs you can simply copy it to CKEditor 5 and retain basic text styling, heading levels, links, lists, tables and images.

When the plugin is enabled, it automatically detects Google Docs content and transforms its structure and formatting to clean HTML which is then transformed into semantic content by the editor.

The PasteFromOffice plugin also allows you to paste content from Microsoft Word. See the pasting content from Microsoft Word guide to learn more.

# Demo

To test how Paste from Office works, open the sample Google Docs document, open it, copy the content, and paste it into CKEditor 5 below.

# Related features

CKEditor 5 supports a wider range of paste features, including:

• Paste plain text – Paste text without formatting that will inherit the style of the content it was pasted into.
• Paste from Word – Paste content from Microsoft Word and maintain the original structure and formatting.

# Automatic content filtering

With CKEditor 5 you do not need to worry about pasting messy content from Google Docs (or any other possible sources). Thanks to the CKEditor 5 custom data model, only content which is specifically handled by the loaded rich-text editor features will be preserved.

This means that if you did not enable, for instance, font family and font size features, this sort of formatting will be automatically stripped off when you paste content from Google Docs and other sources (e.g. other websites).

# Installation

To add this feature to your rich-text editor, install the @ckeditor/ckeditor5-paste-from-office package:

npm install --save @ckeditor/ckeditor5-paste-from-office

Then add the PasteFromOffice plugin to your plugin list:

import PasteFromOffice from '@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice';

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        plugins: [ PasteFromOffice, Bold, ... ]
    } )
    .then( ... )
    .catch( ... );

# Support for other applications

At the current stage, the focus of the @ckeditor/ckeditor5-paste-from-office package is on supporting content that comes from Microsoft Word and Google Docs. However, it does not mean that pasting from other similar applications (such as Microsoft Excel) is not supported.

By default, CKEditor 5 will support pasting rich-text content from these applications, however, some styles and formatting may be lost, depending on the source application. Also, other minor bugs may appear.

You can find more information regarding compatibility with other applications in this ticket.

If you think that support for any of the applications needs improvements, please add 👍 and comments in the following issues:

• Support pasting from Excel.
• Support pasting from Libre Office.
• Support pasting from Pages.

Feel free to open a new feature request for other similar applications, too!