Big Tip on improving HTMLEditor application.

I don't know how many of you struggle with this, but I have always struggled to get the css in the editor to match the website.

I just posted a tutorial on how to make it easier on my blog.

make-htmleditor-ckeditor-css-match-your-website

WARNING: THIS INVOLVES CHANGING CKEDITOR CORE FILES. DON'T FOLLOW ALONG UNLESS YOU HAVE THE STOMACH FOR IT. BACKUP EVERYTHING.

ooh how funny just earlier I was thinking about how to get the formatting looking how it should inside the editor so looking forward to applying this method so thank you greatly for passing on your knowledge :)

I been trying to locate an upload plugin for ckeditor that potentially free on google but not found any straight forward ones..do you have any recommendations? Reason why I ask the one that's provided with ckeditor doesn't work in IE (only chrome and Firefox).

Regards

Chris

I just found a bug with it. It is still saving all of the prepend and append information (e.g. the whole page). It would be easy to fix server side, but I need to see if it can be fixed in the editor. I was soooo excited I posted a bit premature.

I'm not sure if it is the patch or the patch in WA's implementation of CKeditor.

Fixed. Nothing changed in terms of how to do it. The appropriate warnings are on the blog post. I found that having the Encode HTML Entities checkbox checked breaks the patch.

So far it is working great. Right after I saw your post, I was looking at an editor instance that didn't work like my previous test. That instance had Encode HTML Entities checked. I didn't know why it didn't work at first.

I tried to patch around it with custom tags like <BODYPREPENDBEGIN /> but that didn't work either.

The way it works, comments are inserted before and after the prepend and append and everything between them as well as the comments are removed on save. If the comment tags are altered, the search and replace does not work. I'm still not sure why CKEditor seemed to leave the outer comment tags alone, but messed up the inner tags, at least that is what it looked like was happening.

Originally Said By: designerwest

  ooh how funny just earlier I was thinking about how to get the formatting looking how it should inside the editor so looking forward to applying this method so thank you greatly for passing on your knowledge :)

I been trying to locate an upload plugin for ckeditor that potentially free on google but not found any straight forward ones..do you have any recommendations? Reason why I ask the one that's provided with ckeditor doesn't work in IE (only chrome and Firefox).

Regards

Chris  

It does work in IE but you have to force it back to version 8. I forced the whole site with it before, but not I'm doing more HTML5, so I'm either going to force just the file manager back to IE8, or look at something else.

I used to use Ajax File Manager (not the paid one for CKEditor), but I'm not sure what is best now. Look at updating KFM first. I've had mixed luck with that though.

At first glance, it looks like KFM is dead. I'm going to look at KCFinder and see if I can get it to integrate. I'll probably still have the KFM because the extension needs it. KCFinder looks like it should be easy to integrate into security assist.

P.S. CKEditor 4 is out. Hopefully HTMLEditor will get a facelift soon. CKEditor 4 is similar enough, it shouldn't be hard. In fact, it may be upgradable ourselves. I just have not looked at whether there are significant configuration changes yet, but much of the program core remained the same, or so I have read.

HTMLEditor really needs a facelift since KFM has fallen so far behind.

Hi. Neo thanks for all that info...I am am using the latest builds of WebAssist extensions and they use the latest CKEditor 4 but cannot get the file upload link to display in the KFM browser window (even if I select IE 7, 8,9, or 10).

LOL I wonder if its possible to edit the KFM source code to display a WebAssist file upload behvaiour button there and then use the KFM database tables to create records there :)

Chris

Originally Said By: designerwest

  Hi. Neo thanks for all that info...I am am using the latest builds of WebAssist extensions and they use the latest CKEditor 4 but cannot get the file upload link to display in the KFM browser window (even if I select IE 7, 8,9, or 10).  

I would like some clarification on that. I believe HTMLEditor uses 3.5.2. I upgraded mine to 3.6.x a while back. There are some forum threads discussing doing that. I updated to the latest WADB when it came out and the source files from that appear to be 3.5.2. In addition, ckeditor 4 is only a few months old.

Originally Said By: designerwest

  LOL I wonder if its possible to edit the KFM source code to display a WebAssist file upload behvaiour button there and then use the KFM database tables to create records there :)

Chris  

I think that may be the hard road to get there. If you're storing file information in a database, use the file form field and file upload behaviors.

I did get KCFinder working and I'll be switching to that.

Hi will confirm versions after dinner with regard to CKFinder isn't that a but pricey? For unlimited websites its a few hundred isn't it?

Chris

Originally Said By: designerwest

  Hi will confirm versions after dinner with regard to CKFinder isn't that a but pricey? For unlimited websites its a few hundred isn't it?

Chris  

Nope. It's free. You thinking of CKFinder. This is KCFinder.

Look HERE.