Paste Upload Image

Base on paste event,
1. Automatically upload images.
2. Automatically upload image url (parse html get '<img>' src to backend download,then backend will return a new image url).

pasteUploadImage

395 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

Version: 0.3

DownloadRelease notes

1. remove paste from word

2. modify json data structure

 

Paste from Google Docs

This plugin allows you to paste content from Google Docs and maintain original content formatting.

Paste from Google Docs retains the following features:

  • Text formatting
    • Text and background colors
    • Font family, style and size
    • Basic formatting (bold, italic, underline)
    • Font effects (strikethrough, superscript, subscript)
    • Heading levels
    • Text alignment
  • Lists
    • Numbered and bulleted lists
    • Multilevel lists
    • Different numbering formats (Roman, decimal, alphanumeric)
    • Custom start number (e.g. you can start the list from number 4)
  • Tables
    • Borders and shading
    • Cell size (width and height)
    • Cell alignment
    • Text formatting (as listed above)
  • Images

Screenshots

pastefromgdocs

13,121 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.13 4.12 4.11

Version: 4.13.0

DownloadRelease notes

The first release for CKEditor 4.13.

Paste Tools

This plugin allows to create custom paste handling logic for a given paste type. It is used in the Paste from Word and Paste from Google Docs implementations.

It supports filtering content with Advanced Content Filter and custom filter files.

pastetools

14,831 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.13 4.12 4.11

Version: 4.13.0

DownloadRelease notes

The first release for CKEditor 4.13.

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

3,067 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

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.

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

9,281 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

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

685,996 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.13 4.12 4.11

Version: 4.13.0

DownloadRelease notes

The first release for CKEditor 4.13.

Version: 4.12.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.12.

Version: 4.11.4

DownloadRelease notes

The fourth bug fixing release for CKEditor 4.11.

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

29,822 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

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

21,113 downloads (view stats)

Releases

Plugin versions CKEditor versions
4.13 4.12 4.11

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

41,347 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.13 4.12 4.11

Version: 4.13.0

DownloadRelease notes

The first release for CKEditor 4.13.

Version: 4.12.1

DownloadRelease notes

The first bug fixing release for CKEditor 4.12.

Version: 4.11.4

DownloadRelease notes

The fourth bug fixing release for CKEditor 4.11.

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.13 4.12 4.11

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'
      }
  };
}); 
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check