Sunday, June 1, 2008

Customizing Fckeditor


Ah!!! Fck-editor again .....,I have already made two BlogEntries over Integrating Fck-editor and enabling its connector in Visual Studio Enviornment .
well todays blogpost is about customizing its Toolbar set and changing its skins........
So gets Started......
Most of the functionality of any application can be configured at its config file and for this editor too will tweak the same file( fckconfig.js).
For changing the skins open the fckconfig.js file and look for
FCKConfig.ToolbarSets["Default"]=[
['Source','Save','Preview'],
['Cut','Copy','Paste','PasteText','PasteWord'],
'/',
['Bold','Italic','Underline','StrikeThrough','Subscript','Superscript'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link'],
['Image','Flash','Table','Smiley','SpecialChar'],
'/',
['FontFormat','FontName','FontSize'],
['TextColor','BGColor'] // No comma for the last row.
] ;
Out here you can Delete the controls which you dont require ,as you can see that I hav already chipped of a few controls , So its easy isnt it .........
Now about changing skins ,look for
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;(In fckconfig.js)
Just look for the avialable skins in your fckconfig skins folder and change the above "default" with the name of the skin which best suits your application . FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;
(I have changed the skin to silver and it looks great)

Fckeditor is a great application and Integrating it to your application makes it even better.....


No comments: