CKEditor 4
Mon, 09/14/2009 - 11:20
#1
mattfromga
mattfromga's picture
Joined: 13/12/2008
Posts: 21

New CKEditor 3.x Plug-In Guide Available!

I am the author of the Syrinx ASP.NET server control for the CKEditor and just published a guide on creating CKEditor 3.x plug-ins. Its just a first draft and should tripple in size before I would call it "version 1.0 complete", however it should provide a good understanding on how plug-ins work and how to get started.

http://www.kusog.org/articles/OtherJavaScriptLibraries_WritingCustomCKEditorPlugins.aspx

I'd really appreciate feedback from those who are starting to write plug-ins for the new environment. Please keep in mind that this document is not done (i.e., please be gentle with harsh comments :D ). I've marked areas where I will expand the discussion, but its already 7 pages of content in my word document.

If you find something confusing, or inacurate, please let me know here in this thread.
Thanks all!
Matt Denman

Top
Mon, 09/14/2009 - 16:04
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

Re: New CKEditor 3.x Plug-In Guide Available!

Two quick comments:
The name is CKEditor, not CK Editor ;)
And by default it tries to automatically translate the content, and so it's impossible to read. Can you disable the translation?

Top
Mon, 09/14/2009 - 18:45
eggbert
eggbert's picture
Joined: 09/09/2009
Posts: 16

Re: New CKEditor 3.x Plug-In Guide Available!

This document assumes you under javascript
>
This document assumes you understand javascript

Isn't it JavaScript rather than javascript?

Good so far :D

Top
Tue, 09/15/2009 - 01:02
mattfromga
mattfromga's picture
Joined: 13/12/2008
Posts: 21

Re: New CKEditor 3.x Plug-In Guide Available!

I did make a few typos :)
I need to wrap the code in divs marked with no translate so that the translator tool doesnt screw it up like it is now. However, you can switch to english with the culture drop down at the top left of the window.

The language is being translated by google translate,but I think I am screwing up the content breaks and sometimes am sending half a sentence in one call and the other half in the next and then combining the results. I will fix that ASAP as well as the translation hitting up the code too.

Thanks for the feedback so far. I should have a new drop of the document today.
Matt

Top
Tue, 09/15/2009 - 12:36
garry.yao
garry.yao's picture
Joined: 03/01/2009
Posts: 170

Re: New CKEditor 3.x Plug-In Guide Available!

Awesome guide Matt, we would later invite you contributing to the plugins section of our Doc Site if you wish.

Top
Fri, 09/25/2009 - 22:49
dmitryx
dmitryx's picture
Joined: 31/08/2009
Posts: 17

Re: New CKEditor 3.x Plug-In Guide Available!

really nice guide, helped me a lot
thanks!!!

p.s. enable comments on your website
Top
Mon, 09/28/2009 - 10:48
mattfromga
mattfromga's picture
Joined: 13/12/2008
Posts: 21

Re: New CKEditor 3.x Plug-In Guide Available!

I have updated the document with more on how to build plugins with CKEditor dialogs. This is a work in progress, but it is growing. :D

I have fixed the dreaded bug where the code snippets get converted to other languages (and thus unreadable) when viewing the documentation in languages other than English.

Top
Mon, 09/28/2009 - 16:12
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

Re: New CKEditor 3.x Plug-In Guide Available!

Having the original source makes it less painful, but believe me: using automatic translation for that article isn't a good idea. It looks like half of the sentences are translated out of context.

Look at this:
A self calling anonymous javascript function


it's translated to
Un auto llamar a la función javascript en el anonimato


that back to English says:
A car call the javascript function in anonymity
Top
Wed, 10/28/2009 - 17:48
shri046
shri046's picture
Joined: 08/04/2008
Posts: 56

Re: New CKEditor 3.x Plug-In Guide Available!

Is it possible to sticky this thread? I think it would be beneficial to have it on top of the topics list in the forum. Or maybe have new section only for guides/tutorial threads?

Just a suggestion :)

Top
Thu, 10/29/2009 - 18:20
bwric
bwric's picture
Joined: 23/10/2009
Posts: 8

Re: New CKEditor 3.x Plug-In Guide Available!

Hi,

Great guide, but how do you make a button on a modal dialog return some text to the CKEditor instance? I couldn't see that anywhere in the guide.

Thanks

Ric
Top
Fri, 11/27/2009 - 10:08
xiaoliang
xiaoliang's picture
Joined: 02/11/2009
Posts: 1

Re: New CKEditor 3.x Plug-In Guide Available!

:D:D:D:D

yea!so so!!1

dmitryx wrote:really nice guide, helped me a lot
thanks!!!

p.s. enable comments on your website

China BusinessHong Kong BusinessInternational BusinessChinese FurniturePaintPictureComputerComputer PeripheralComputer Accessory.
Top
Mon, 11/30/2009 - 23:54
acvirden
acvirden's picture
Joined: 30/11/2009
Posts: 10

Re: New CKEditor 3.x Plug-In Guide Available!

Thank you for providing this guide. I managed to get everything working as far as creating the custom button. This may be outside the scope of this posting, but, if you wouldn't mind, I would very much like to know how I would capture the "OK" button click from the modal dialog so that I can return some text.

Thanks!!

acvirden
Top
Tue, 12/01/2009 - 00:05
tygershark
tygershark's picture
Joined: 30/11/2009
Posts: 18

Re: New CKEditor 3.x Plug-In Guide Available!

We need a new plugin version for "DragResizeTable" so that you can adjust table column widths.

Who's got the skills to revise this for CKEditor?
Top
Fri, 10/07/2011 - 06:01
mattfromga
mattfromga's picture
Joined: 13/12/2008
Posts: 21

Re: New CKEditor 3.x Plug-In Guide Available!

I have recently modified to guide and moved it to its new home at http://www.kusog.org.

You can see the article at:
http://www.kusog.org/articles/OtherJavaScriptLibraries_WritingCustomCKEditorPlugins.aspx

Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check