I have 2 questions about CKEditor 4.5.3.

Issue 1. How do you add custom StyleSets to the CKEditor.  I had to add my custom styles to the “styles.js" file which is not the best way to do it. There is a multiline textfield under "Host > HTML Editor Manager" called StyleSet. How do you create “{ name: 'Alert Blue’,  element: 'div', attributes: { 'class': 'alert alert-info' } },” as a value for this field. I cannot find any examples online.  

Issue 2. The text-area inside the CKEditor is in a iframe which means its not pulling in my stylesheets. For example i added about 15 custom styles to styles.js file, but when i select a custom style from the dropdown it does not show it styled in the text-area. You literally have to save your changes and refresh the page to see how it looks :-(.  As a work around, I had to add my style sheets as imports to “CkEditorContents.css” file.  My question is, Is there a way to add multiple style sheet inside the iframe without having to change the core code.  I do not see a way under  "Host > HTML Editor Manager”.

Both of the above scenarios changes core code which is an issue on upgrades.

Thanks for any help….  

Tim