Ckeditor Stripping all attributes, when re-editing content Ckeditor is stripping out all attributes from the source code. 

This is the case I'm going through: 
When I add html code to the source of the Ckeditor, and then want to preview the changes by selecting source again, I find that no styling was taken. When I go back to check the source all styling attributes are removed and some HTML tags.

I found a way to save the content, without stripping by directly saving after pasting the html code in the source. But if I try to re-edit the content it strips all styling attributes and some html tags.

I am using Full HTML Text format, and did try previous versions of the ckeditor module. Also tried to modify the config.js file by adding "config.allowedContent = true;" as referred by the following post 

&lt;nav class="footer-wrapper"&gt;&lt;section class="col-md-3"&gt;
&lt;h3 class="block-title h5"&gt;
  About
&lt;/h3&gt;
&lt;ul class="list-unstyled"&gt;&lt;li&gt;
    &lt;a href="/bio" title=""&gt;Biography&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="/timeline" title="Plans and Billing"&gt;Timeline&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="/quotes" target="_blank"&gt;Quotations&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;a href="/philo" target="_blank" title=""&gt;Philosophy&lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;


CKeditor Stripped HTMl:

&lt;p&gt;About&lt;/p&gt;
&lt;ul&gt;
    &lt;li&gt;&lt;a href="/bio" title=""&gt;Biography&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/timeline" title="Plans and Billing"&gt;Timeline&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/quotes" target="_blank"&gt;Quotations&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/philo" target="_blank" title=""&gt;Philosophy&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Intellectual Legacy&lt;/p&gt;


Any way to resolve the following?
You shouldn't really hack the config.js file. You can pass any custom configuration values through the admin:


Go to /admin/config/content/ckeditor.
Click on the "Edit" link next to the profile you are working with.
Expand the "Advanced options" fieldset.
Enter the following code in the "Custom JavaScript configuration":

// Instruct CKEditor to disable the filter. You can also limit this to specific tags.
config.allowedContent = true;
// Allow p, div, li and ul tags to have any attributes attached to them.
config.extraAllowedContent = 'p(*)[*]{*};div(*)[*]{*};li(*)[*]{*};ul(*)[*]{*}';



See docs for CKEDITOR.config.allowedContent and CKEDITOR.config.extraAllowedContent. If you are insterested in having this in every Drupal installation, check out my Drupal 7 installation profile.
The file in question is here.

Hope this helps.