Highlite source with codemirror

This plugin opens the HTML source of CKEditor in a dialog and highlite the source with codemirror. After installation click at the source button of your toolbar.

Known bug: The plugin uses the setData methode to replace the complete source on dialog close. This produces an empty undo step.

License

Licensed under the terms of the GPL.

Download

highlite_source_with_codemirror.zip

Installation

1. Extract the archiv.
2. Copy the "sourcepopup" folder to CKEditors "plugins" folder.
3. Copy the "codemirror" folder to a folder of your choice.
4. Set the following code to the page who loads your editor and set codemirror_rootpath with your path:

<script type="text/javascript">
   var codemirror_rootpath = 'path/to/codemirrorfolder/';
</script>

Attachments:

highlitesourcewithcodemirror.zip

Mon, 04/02/2012 - 15:52

clc136a

Joined: 08/04/2010

Posts: 45

Re: Highlite source with codemirror

Hi, it is possible to use codemirror to replace the native ckeditor source-view but in order to do that you need to dynamically replace the native source-view textarea with an iframe targeted at a codemirror.html with the plugin

Wed, 05/09/2012 - 20:59

tomodea

Joined: 19/10/2011

Posts: 3

Re: Highlite source with codemirror

Does this work for anybody else? When I click on the source button the popup appears without any code. I get the following error:

Error: invalid assignment left-hand side
Source File: http://www.mywebsite.org/sites/all/modules/ckeditor/plugins/sourcepopup/dialogs/sourcepopup.js?t=B8DJ5M3YX
Line: 44, Column: 25
Source Code:
codemirror_cke_edit-body = CodeMirror.fromTextArea( "codemirror_ckesource_edit-body", {

Wed, 03/20/2013 - 22:20

sirtet

Joined: 16/01/2013

Posts: 31

there's a Plugin for this:

http://ckeditor.com/addon/codemirror