How to add button to ckeditor4 standard? - ckeditor

I need add button chang color font and align paragraph tor right and left and center , there some answers in ckeditor and here but not working with me in ckeditor.4.4.6

Simply download the Full package - it should contain all plugins that you listed, see the comparison here.

Related

Is it possible to change the black colour of CKEditor Toolbar icons(in the moono skin), like one can with webfonts.?

I have just upgraded to CKEditor 4.4.5 from 3.5, and notice quite a few changes !! One of the changes is the new skin called Moono which looks great. However it did get me wondering whether it would be possible to change the black in the menu icons to a custom colour, for branding reasons for example. We do this in the rest of the web application using a combination of Server code and CSS.
Many thanks.
Toolbar icons in Moono are images, so if you want to change them, you'd need to create a new skin or use an alternative one from the CKEditor Addons Repository.
However, since Moono is a monochromatic skin, maybe for branding purposes it would be enough for you to use the so-called "chameleon feature" that lets you change the UI color with a simple configuration option?
If so, just use config.uiColor to provide a mataching RGB color value or an HTML color name, as in:
config.uiColor = '#AADC6E';
See a working example here: http://sdk.ckeditor.com/samples/uicolor.html

Joomla article layout

I am a beginner of Joomla. Now I simply want to align the image in a article to right of the text.
I did select "right" in the align drop down option when I insert the image, it looks fine in the editor - the image is in the right, but it still goes to left in the real site. Any ideas?
Check you article in HTML edit mode in the editor and make sure your image and text sit inside the same tag. They usually don't and thats why its not looking right. This works most of the time for me.

Change colour of ckeditor show blocks border

The ckeditor editor window for the site content areas has a blue background to match the website so that the client sees a true representation of the website while adding content.
When "show blocks" is selected the blocks border displayed is barely visible on the blue background.
Therefore, where can the colour of the show blocks border be changed to a darker colour?
Unfortunately, color of border displayed for blocks isn't customizable. CSS that styles them is generated by JS. You can find it here http://dev.ckeditor.com/browser/CKEditor/trunk/_source/plugins/showblocks/plugin.js#L28
I guess that you're using compiled version of CKEditor, so source is minified. You'll have to open ckeditor.js file and find this fragment and change it manually.
Or you can try to clone CKEditor 4 (new version that will be release next Tuesday), change this value here https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/showblocks/plugin.js#L48 and then compile your build of CKEditor (you can find instructions here https://github.com/ckeditor/ckeditor-dev). But to do this you'd need Mac or Linux, because build script is written in Bash.
CKEDITOR.replace( 'textarea_id', {
uiColor: '#14B8C4'
});
Update :-
Check the sample url:ckeditor

CKEditor Defining custom margins for inserted image

I met a limit with quite typical operation. Simple document:
http://i.stack.imgur.com/JNI9v.png
As you can see, image has right and bottom margins. But... CKEditor image dialogue provides VSpace and HSpace parameters which influence together to Top-Bottom or Left-Right twin values and adds unnecessary top and left margins:
http://i.stack.imgur.com/vo3oC.png
Of course, users won't use pure code to define this in style="..." attribute. So, how to allow users insert images as shown on the first image? Maybe exists CKEditor plugin or patch... and i just can't find it.
Another, maybe even a simpler way, to achieve what you want would be to use a predefined set of styles for images and use the "Styles" combo to apply one of preselected classes. This way the styles used for images could be more consistent.
To see what I mean you can check the "Standard" demo - click on an Image and in the "Styles" combo select "Object styles -> Styled image (right)"

CK Editor - How to remove and add colors in Text Colors tab

I need to remove some of the ugly neon colors that are found within the Text Color tab in the CK Editor toolbar. If Possible I would also like to add some custom colors as well.
Please can anyone point me in the right direction.
Thanks
I found it, thanks to alfonsoml at CKsource: It's explained in the config options: http://docs.cksource.com/ckeditor_api/symbols/src/plugins_colorbutton_plugin.js.html
The trick is to search for colorbutton and not Text color, which is why it's so hard to find :(

Resources