From the desk of Matthew Kastor
On this glorious Saturday, March 30, 2013
Summary
Integrate Code Editor in CKEditor Source View Easily
Message
I don't know where to post this exactly...
I've written a javascript class that makes it extremely easy to integrate any web based source code editor into the source view of CKEditor. I don't know how to write a plugin for CKEditor and I'm not all that hot to learn how. The code works for me the way it is, maybe someone would like to get it packaged up all official like so people could turn it on with config settings or something. :D
I've got a short article about it in my blog with the code. http://matthewkastor.blogspot.com/2013/03/integrate-ace-editor-in-ckeditor-source-view.html There's a gist too, I don't think the code is fit for a pull request but it's on the gisthub to make it easy.
--
Matthew Kastor
Contact Info
| Phone: | (616) 439-0091 |
| Email: | matthewkastor@gmail.com |
| Google Profile: | https://plus.google.com/100898583798552211130/posts |
| Blogger: | http://matthewkastor.blogspot.com/ |
| Github: | https://github.com/matthewkastor?tab=repositories |
That;s pretty neat. Here's
That's pretty neat. Here's our documentation on how you can create custom plugins for CKEditor 4. It would be cool if you could get it done.
Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn
If you think you found a bug in CKEditor, read this!
It already works with CKEditor 4
It already works with CKEditor 4...
Like I said above. I don't really want to learn the internal workings of CKEditor. I've posted code that enables a feature that has been requested many times over and does it in such a generic way that no new dependencies are introduced and no old code is broken. This may or may not be easy to integrate into CKEditor or refactor into a plugin but, I'm not the one to do it. I don't want to become an expert on the internals of CKEditor just for this one contribution! Someone whose already familiar with the codebase can use their awesome skills and package up what I've done in whatever format is required. I believe it would be a better use of my code if it were integrated into ckeditor itself instead of being a plugin. :D
I get about 10 hits a day on my blog post about integrating the ace editor into ckeditor's source view. Doing a search for "codemirror ckeditor" and "ace editor ckeditor" turns up many results where people are either asking how to do it or providing solutions that are too tightly coupled to the code editor being used. On top of the code editor dependency, I haven't found a generic implementation that web developers can use reliably. My solution provides this generic interface for integrating any code editor into ckeditor's source view pane with such a minimal amount of code that anyone familiar with basic javascript could do it.
[removed specific links that took qite some time to lookup and read through for pertinent information becuse the spam filter... dude seriously... lazy]