close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

HTML editor: plugins and skins customs

Thread began 5/16/2013 12:20 am by Mike | Last modified 5/17/2013 11:19 am by Mike | 3837 views | 9 replies |

Mike

HTML editor: plugins and skins custom

I'm using your extension to create an section to admin the content in a web site (created with bootstrap front-end framework).
Now, I'd like to enable in the html editor toolbar some plugins:
http://ckeditor.com/addons/layout

Is it possibile with the CKEditor's version included in your extension, add these plugins (or new skins)?

Thanks.
Regards,
Michele

Sign in to reply to this post

Mike

Do you know if is available a plugin similar to this for your extension?
http://www.embu.co.uk/twitter-bootstrap-plugin

Sign in to reply to this post

Jason ByrnesWebAssist

The HTML Editor Extension just adds CKEditor to your site.

you can add custom plugins, but it will require editing the code.

The CKEditor files get installed to the webassist/ckeditor foldder.

follow the instruction from the plugin download for adding the new plugin to the plugins directory, then edit the HTML Editor code to add the new plugin to the toolbar array.

same for any custom skins, follow the CKEditor directions for adding the skin to the CKEditor install, then edit the code for HTML Editor to uuse the new skin.

Sign in to reply to this post

Mike

Hi Jason,
which is the CKEditor's version used in your extension?

In the webassist/ckeditor/changes.html file is indicated 3.5.2, but I think that's impossible because is three years old (and not exist nothing plugins/skins more compatible with this old version)...

Thanks

Sign in to reply to this post

Jason ByrnesWebAssist

Data Bridge 1.1.3 uses CKEditor 4

If you have a previous version, than it will use CKEditor 3.

you can manually update the CKEdiotor files by downloading it from the CKEditor download page:
http://ckeditor.com/download

click the CKBuilder link. In CKBuilder, select the Full Preset, and the Kama skin.


then rename the /webassist/ckeditor folder to ckeditor_back

copy the ckeditor folder from the download to the webassist folder to replace the old one.

from the ckeditor_back folder, copy the following three files:
ckeditor.php
ckeditor-php4.php
ckeditor-php5.php


and paste them in the new ckeditor folder.

you will need to clear the browsers cache to see the updates take effect.

Sign in to reply to this post

Mike

How to change the skin from "kama" to "moon"?
Thanks

Sign in to reply to this post

Jason ByrnesWebAssist

after you download and instal the moon theme, find the following line on the page you have added HTML Editor:

$CKEditor_config["skin"] = "kama";

and change it to:
$CKEditor_config["skin"] = "moon";

Sign in to reply to this post

Mike

Hi Jason... if I use "moono" instead "kama" skin, do I lost anything (features, stability) with your extension? HTML editor included in DataBridge works better with kama skin?

Thanks

Sign in to reply to this post

Jason ByrnesWebAssist

Any custom skins or plugins that you add to CKEditor may be overwritten by HTML Editor if you make changes or add another instanced.

Sign in to reply to this post

Mike

Ok, thanks.
I hope to see, in feature release, the moono skin set default.
Kama skin is very old... obviously for my personal opinion.

Thank you very much for your support.
Regards,
Michele

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...