           </div>
         </div>
         <div class="formline-codeshare">
-        <div class="code-snip-container">
-          {{> @labelHTMLContent}}
-          {{> @librariesHTMLContainer}}
-          <div class="code-snip-holder share">
-            {{> @HTMLloader}}
-            {{> @aceHTMLWrapper}}
-          </div>
-        </div>
-        <div class="code-snip-container">
-          {{> @labelCSSContent}}
-          {{> @librariesCSSContainer}}
-          <div class="code-snip-holder share">
-            {{> @CSSloader}}
-            {{> @aceCSSWrapper}}
-          </div>
-        </div>
-        <div class="code-snip-container">
-          {{> @labelJSContent}}
-          {{> @librariesJSContainer}}
-          <div class="code-snip-holder share">
-            {{> @JSloader}}
-            {{> @aceJSWrapper}}
-          </div>
-        </div>
-        </div>
+        {{> @codeShareContainer}}
+       </div>
         <div class="formline">
           {{> @codeShareResultView}}
           {{> @codeShareResultButton}}

      , =>
        @$("div.libs-js").css "opacity":0
        @$("div.libs-js").css "z-index":-1


  submit:=>

              syntax:"javascript"
            }
            ]

          classesHTML:@libHTMLClasses.getValue()
          extrasHTML:@libHTMLHeadExtras.getValue()
          externalCSS:@libCSSExternal.getValue()
