JavaScripte

H1 automatisch Klassen geben

Ziel des Skripts ist es, dass der Kunde am Ende ohne Probleme sein Layout beibehalten kann auch wenn er im CKEditor nur ein <h1>Text</h1> Text benutzt.

  $(function () {

	// ID die im Template vergeben wurde einsetzen
    var h1 = $("#subpage h1");
    var h1_align = $(h1).css('text-align');

	// Check ob der h1 eine Textausrichtung besitzt
    if(typeof(h1_style) == "undefined" || h1_style == null) {
      var h1_align = "left";
    } else {
      $(h1).removeAttr('style');
    }

	// Wrap setzt die div um die h1 drumherum
    $(h1).wrap('<div class="section-head"></div>');
    $(h1).wrap('<div class="section-body text-'+ h1_align +'"></div>');

	// Der h1 können noch Klassen übergeben werden
    $(h1).addClass('text-uppercase');

  });