<apex:component>
  <apex:attribute  name="accountId" type="string" description="passed account id"/>
  <script src="{!URLFOR($Resource.ckeditor,'ckeditor/jquery-1.4.2.min.js')}"></script>
  <script>
      //Event Handler for ShowContacts button 
      //Fetch and prepares the contact table in editor
      function showContacts(){
              // invoke your sfdc method here
      }
      
      //Event Handler for ShowOpportunities button
      //Fetch and show the opportunities in RTE
      function showOpportunities(){
             // invoke your sfdc method here
        }
      
      /****
          Custom buttons configuration
          Provide name, label, command (js function), and Image for the button
      */
      var config = {
            "Buttons": [
                {
                    "Name" : "Contacts",
                    "Label" : "Show Contacts",
                    "Command": "showContacts",
                    "Image": "{!URLFOR($Resource.ckeditor,'ckeditor/plugins/timestamp/images/16-cube-green.png')}"
                },
                    {"Name" : "Opportunities",
                    "Label" : "Show Opportunities",
                    "Command": "showOpportunities",
                    "Image": "{!URLFOR($Resource.ckeditor,'ckeditor/plugins/timestamp/images/contact.png')}"
                }
            ]
       }
       
       
       function initialize(){
             for(var i=0; i<config.Buttons.length;i++){
                addButton(config.Buttons[i].Name,
                          config.Buttons[i].Image,
                          config.Buttons[i].Command,
                          config.Buttons[i].Label);
             }
        }
       function addButton(name,image,command,label){
            $('#cke_21').append('<span class="cke_toolbar_start"></span>'+
                                '<span role="presentation" class="cke_toolgroup">'+
                                    '<span class="cke_button">'+
                                        '<a onclick="'+command+'();" onblur="this.style.cssText = this.style.cssText;"  role="button" hidefocus="true"  title="'+label+'" class="cke_button_outdent cke_disabled" id="'+name+'" aria-disabled="true">'+
                                            '<span class="cke_icon" style="background-image:url('+image+');background-position:center;">&nbsp;</span>'+
                                            '<span class="cke_label" id="'+name+'">'+label+'</span>'+
                                        '</a>'+
                                    '</span>'+
                                '</span>'+
                                '<span class="cke_toolbar_end"></span>'
                                );
       }

        
        var defaultFunc = window.onload;
        window.onload = function() {
            if(defaultFunc)
                defaultFunc ();
            setTimeout("initialize()",1000);
        }
   </script> 
</apex:component>