CKEditor Help?

Hey, is it OK to as for some help here. I have a CKEditor configuration question for Drupal 7. CKeditor has always been a bear and its begining to really make me angry. =) I have also posted on StackOverflow yesteday:

http://stackoverflow.com/questions/29152256/ckeditor-is-stripping-removi...

I am new to configuring CKEditor on Drupal 7, and even with the UI, it has always been a pain. I am trying to have it to stop stripping / removing tags, specifically - code, pre, ins del, blockquote, q, dl, dd, dt. I have a test page which I use to test my site's styles and these are getting removed in both Full and Filtered. Grrrr...

Keep in mind I have no idea what I am doing here. Please help me figure this out so I do not waste another day on this. =(

ACF's extra allowed content

I have added the following there:

br; div; span; header; footer; section; aside; figure; a; img; strong; em; h1; h2; h3; h4; h5; h6; ins; del; cite; q; blockquote; code; pre; table; tr; td; th; thead; tfoot; caption; legend; col; ul; ol; li; dl; dd; dt;</code>

config.js

I have found config.js and added the following to get it to stop stripping out tags.

CKEDITOR.editorConfig = function( config ) 
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
config.allowedContent = 'br div span;' + 
    'header footer section aside figure;' + 
    'a[!href]; img[!src,alt,width,height];strong em h1 h2 h3 h4 h5 h6;' +
     'ins del cite q blockquote code pre;' +
     'table tr td th thead tfoot caption legend col;' + 
     'ul ol li dl dd dt';
config.extraAllowedContent = ' br div(*) span(*);' + 
    'header footer section aside figure;' + 
    'a[!href]; img[!src,alt,width,height];strong em h1 h2 h3 h4 h5 h6;' +
    'ins del cite q blockquote code pre;' +
     'table tr td th thead tfoot caption legend col;' + 
     'ul ol li dl dd dt';
};