Google Doc Paste Plugin

This plugin will help to copy contents from google doc and paste in ck-editor. This plugin will support the following functionalities :-

  • Paste content from google doc to ckeditor in the same format.
  • Tables, unordered lists and ordered lists are also pasted correctly.
  • Enable formatting of text (bold, underline, italics, color)
googleDocPastePlugin

650 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.4

DownloadRelease notes

This version of the google doc paste plugin is supported by CKEditor versions 4.6, 4.7, 4.8, 4.9, 4.10.

Version: 1.1

DownloadRelease notes

This plugin will help to copy contents from google doc and paste in ck-editor. This plugin will support the following functionalities :-

  • Paste content from google doc to ckeditor in the same format.
  • Tables, unordered lists and ordered lists are also pasted correctly.
  • Enable formatting of text (bold, underline, italics, color) 

I have tested the plugin with ckeditor 4.6.2.

Paste From Google Doc

Filter to paste from Google Doc and keep style (bold, italic, underline).

My frst time posting a plugin.

I'm posting my solution in case it is useful to someone. I had this issue with pasting from googleDocs. And I found someone made a branch of CKEditor in github (13877) which corrects this.

But I needed it to work with my version of CKEditor which I cannot change bacause it is integrated with Prcocesswire CMS.

So I wrote this plugin.

The code is originally from Frederico Knabben, written in ckeditor-dev-t-13877 branch (https://github.com/cksource/ckeditor-dev/tree/t/13877) has been adapted in a plugin.

This filter detects all style that is already in the toolbar. So if underline is missing for example you must add it to the toolbar.
Instruction for Processwire : 

For processwire, you must edit the field that has CKEditor and make sure that :

  • copy the plugin folder in site/modules/InputfieldCKEditor/plugins
  • ACF is On
  • pasteFromGoogleDoc plugin is enabled
  • CKEditor toolbar configuration contains Bold, Italic and Underline
    • e.g : Format, Styles, -, Bold, Italic, Underline, -, RemoveFormat
    • if Underline is not in the toolbar for example, it will be bypassed by the filter. 

 

 

pasteFromGoogleDoc

6,106 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

First release

Copy Formatting

Allows for quick and easy copying of text formatting between the parts of your document. By default, it provides support for copying text, list and table styles.

Note: Copy Formatting only works with inline styles, so it will not copy or apply block-level styles (e.g. headers) to text.

This plugin comes with great accessibility support and is highly customizable. Refer to the Using the Copy Formatting Feature documentation for more information.

Screenshots

copyformatting

558,776 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Version: 4.7.3

DownloadRelease notes

Another bugfixing release for CKEditor 4.7.

Version: 4.6.2

DownloadRelease notes

The first minor release for CKEditor 4.6.2.

Paste From Excel

pastefromexcel plugin for CKEditor 4

This plugin is to fix a issue, related to copy from excel, which some styles like background color or font color are not copied into CKEditor area. This plugin is replacing getData function which is part of clipboard plugin for converting internal styles described in style tag to inline style of respective node of the document.

Installation
  1. Copy whole pastefromexcel plugin folder into ./plugins folder of CKEditor.
  2. Add below line into config.js file.
config.extraPlugins = 'pastefromexcel';
pastefromexcel

22,752 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

First Version.

Paste code

This tiny plugin allow to paste HTML code (<script>, embed Youtube or any other HTML code) at the caret position.

Screenshots

pastecode

17,215 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 0.1

DownloadRelease notes

The first stable release of the Paste code plugin for CKEditor.

See demo here: http://ollea.ch/media/pastecode/demo.html
 

Upload File

A simple plugin that allows you to drag&drop a file into the editor. The editor will then automatically send the file to your pre-configured backend and convert it into a link.

Screenshots

uploadfile

30,621 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Version: 4.7.3

DownloadRelease notes

Another bugfixing release for CKEditor 4.7.

Version: 4.6.2

DownloadRelease notes

The first minor release for CKEditor 4.6.2.

Drag and Drop Image Uploads

Hey! 

This was supposed to be deleted, like, a year ago. Yet... still here! 

 

Stop downloadin' it, people.  It no work-y. 

dragdrop

2,009 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 0.1.0

DownloadRelease notes

Release V.0.1.0

Drag and Drop uploading of Images

Currently Imgur and S3 are the two upload locations supported, but, since uploading files boils down to submitting a POST towards the general direction of a server, new backends are trivial to implement.

Imgur:

CKEDITOR.editorConfig = function( config ) {
  // rest of config
  config.extraPlugins = 'dragdrop';

  // configure the backend service and credentials
  config.dragdropConfig = {
      backend: 'imgur',
      settings: {
          clientId: 'YourImgurClientID'
      }
  }
});

AWS S3:

CKEDITOR.editorConfig = function( config ) {
  // rest of config
  config.extraPlugins = 'dragdrop';

  // configure the backend service and credentials
  // aws requires a few extra.. 
  config.dragdropConfig = {
      backend: 's3',
      settings: {
          bucket: 'bucketname',
          region: 'your-region',
          accessKeyId: 'key',
          secretAccessKey: 'secret-key'
      }
  };
}); 

Upload Image

This plugin enables support for uploading images that were dropped or pasted into the editor. See the live demo.

The upload is implemented in a non-blocking way, so while the image is being uploaded the user may continue editing the content.

This plugin can be combined with a file manager such as CKFinder to provide image storage, browser and editor capabilities.

This plugin is based on the Upload Widget plugin which allows to create more upload widgets, for example, for handling different file types.

uploadimage

352,086 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Version: 4.7.3

DownloadRelease notes

Another bugfixing release for CKEditor 4.7.

Version: 4.6.2

DownloadRelease notes

The first minor release for CKEditor 4.6.2.

Version: 4.5.11

DownloadRelease notes

Another bug fixing release for the 4.5 series.

Upload Widget

This plugin implements a base class for creating non-blocking, live upload of files while the user is editing content.

See for instance the Upload Image plugin's demo. When you paste or drop an image, its preview is immediately inserted into the content allowing you to edit content while the file is being uploaded.

The plugin allows to create more upload widgets, for example for handling different file types.

This plugin can be combined with a file manager such as CKFinder to provide file storage, browser and editor capabilities.

uploadwidget

330,568 downloads (view stats)

This is an official plugin provided and supported by CKEditor developers.

You can submit bug reports directly to its GitHub issues tracker and discuss any integration issues on StackOverflow.

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 4.11.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.11.

Version: 4.10.1

DownloadRelease notes

The first bug-fixing release for release for CKEditor 4.10.

Version: 4.9.2

DownloadRelease notes

The second bug fixing release after the CKEditor 4.9 major release.

Version: 4.8.0

DownloadRelease notes

Another major release: CKEditor 4.8.

Version: 4.7.3

DownloadRelease notes

Another bugfixing release for CKEditor 4.7.

Version: 4.6.2

DownloadRelease notes

The first minor release for CKEditor 4.6.2.

Version: 4.5.11

DownloadRelease notes

Another bug fixing release for the 4.5 series.

Extra Form Attributes

ExtraFormAttributes Plugin

The ExtraFormAttributes plugin for CKEditor extends the core Forms plugin adding the ability to specify the class & id attributes on various form elements.

Features Overview
  • Adds class and ID attributes to the following form elements / dialogs: textfield, select, button, textarea, radio, and checkbox
  • Adds class attribute to the following elements: form
Requirements
  • CKEditor version 4.4.7 or greater [http://ckeditor.com/](http://ckeditor.com/)
  • The Forms plugin for CKEditor (normally installed by default)
Installation Instructions
  • Extract the downloaded repository
  • Copy the **extraformattributes** folder to your **"ckeditor/plugins/"** folder
  • Open the **"ckeditor/config.js"** file in your favorite text editor
  • Add **extraformattributes** to **config.extraPlugins** and save your changes. If that line isn't found, add it. EX: config.extraPlugins = 'extraformoptions';
Credits / Tribute

This plugin was developed and is maintained by the [https://totalwebservices.net/](Total Web Services team).

A big thanks goes out to the following people & organizations:
WebsiteRelevance.com - for supporting the development of the plugin.
[http://www.ckeditor.com](CKEditor) - For providing CKEditor so we could build this plugin for it.

License

Licensed under GPL Version 3.0. For additional details please see the LICENSE.md file in the download.

Screenshots

extraformattributes

10,704 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.11 4.10 4.9

Version: 1.0

DownloadRelease notes

The Extra Form Attributes plugin for CKEditor extends the core Forms plugin adding an Extra Options tab onto several elements. This allows you to specify the HTML ID and CLASS attributes on your HTML forms in CKEditor.

  • CKEditor version 4.4.7 or greater [http://ckeditor.com/](http://ckeditor.com/)
  • The Forms plugin for CKEditor (normally installed by default)
Twitter Facebook Facebook Instagram Medium Google+ GitHub Arrow down Phone Menu Close icon Check