CKEditor Plugin: Rich source editing mode

Hello garry.yao,

And thank you for this useful plugin integration.
I have a small problem, if i switch the editor to Source View (and CodeMirror takes over) and i save the data through POST, the modified values in textarea don't appear in the $_POST variable. I'm sure this is something related to CodeMirror.

Thanks

For those who find themselves with the IE height issue you need to change the plugin.js by moving the
holderElement.$.clientHeight out of the CodeMirror initilisation and put into a variable to set the height instead.

i.e.

var sourceAreaElement = editor.textarea,
   holderElement = sourceAreaElement.getParent();

var holderHeight = holderElement.$.clientHeight+ 'px';

var codemirror =
CodeMirror.fromTextArea(
   sourceAreaElement.$, {
      parserfile: 'parsexml.js',
      stylesheet: rootPath + 'css/xmlcolors.css',
      // Adapt to holder height.
      height: holderHeight ,
      path: rootPath + 'js/',
      continuousScanning: 300,
      lineNumbers: false,
      textWrapping: false
} );

-M-

Hi Garry,
how would you recommend attempting to send codemirror.getCode() to the plugin instance without switching to wysiwyg mode to trigger it please?

I'm trying to open CKEditor in source mode using your codemirror plugin and then submit any changes made in codemirror without needing to click on the source button on the toolbar first.
I could maybe add an onclick function to the input button but I'm struggling to come up with ideas on what that function needs to contain.

Great plugin by the way, I've got php running through it here.
Just really want it to save without needing to switch out of source mode first.

Thanks,
Zanpakutō

Hi all,

Can you package this plugin ?

I used it in drupal & Wordpress, and its realy embarrassing that the editor doesn't update correctly the fields.

Thanks in advance.

serialbob wrote:Hi all,

Can you package this plugin ?

I used it in drupal & Wordpress, and its realy embarrassing that the editor doesn't update correctly the fields.

Thanks in advance.

Hi garry,
That's actually the old version and I haven't had chance to update it, also I've managed to get resize working now not grow though, grow was added just after I'd got fullscreen working in source mode.

As far as updateElement goes, yes, I added the mirrorSnapshot command to do just that but only in source mode because it wasn't auto updating the element before submitting the form.
I'm not quite sure I follow how to use updateElement to do it the way you are suggesting. Any further pointers you can give me please?
I'm not sure about the auto invoke part.

I'm thinking a CKEditor plugins site wouldn't be such a bad idea, with tutorials and some premium plugins mixed in with free ones. It's just finding the time. Unfortunately, I'm starting to find CKEditor is like taking a sledgehammer to a walnut for most things I want to do of recent. The API is great, yet the size of the thing is just too big and the use of an iframe tag as the editing area are starting to put me off wanting to continue developing projects with it.
Saying that, I'm still implementing it for the time being.

Thanks for the feedback. Much appreciated,
Zanpakutō

The plugin is rather awesome.

@Zanpakutō: I think one minor improvement would be the addition of some type of marker/indicator on the non-source side indicating any location of code, perhaps a one char something like: "◻". Otherwise it's a bit too easy to delete any code if it happens to be intertwined with the text.

That would be sufficient, but beyond that would be either separate characters for php/script/styles or a single character with different colors.

Awsome, Zanpakuto!

I guess one problem is form tag.
I usually put CKEditor middle of form.
Since form tag can not be nested, It's problem.
And some times, I use multiple CKEditor on same page.

Is there anyway I can avoid this limitation?