<p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">Self-uploaded images in the Content Creator are no longer automatically cropped. This keeps important content more visible.</span></p><p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">More format updates are coming soon.</span></p>

Self-uploaded images in the Content Creator are no longer automatically cropped. This keeps important content more visible. More format updates are coming soon.

More freedom for your own images

<script type="text/javascript">
  var _iub = _iub || [];
  _iub.csConfiguration = { "askConsentAtCookiePolicyUpdate": true, "countryDetection": true, "enableFadp": true, "floatingPreferencesButtonCaptionColor": "#102B21", "floatingPreferencesButtonColor": "#FFFFFF", "floatingPreferencesButtonDisplay": "bottom-right", "lang": "de", "perPurposeConsent": true, "promptToAcceptOnBlockedElements": true, "siteId": 3286936, "storage": { "useSiteId": true }, "cookiePolicyId": 85036809, "banner": { "acceptButtonColor": "#33C4BD", "acceptButtonDisplay": true, "backgroundColor": "#FFFFFF", "backgroundOverlay": true, "closeButtonDisplay": false, "customizeButtonCaptionColor": "#2D2D2D", "customizeButtonColor": "#D5D5D5", "customizeButtonDisplay": true, "explicitWithdrawal": true, "listPurposes": true, "linksColor": "#33C4BD", "position": "float-top-center", "rejectButtonColor": "#33C4BD", "rejectButtonDisplay": true, "textColor": "#333333" } };
</script>
<script type="text/javascript" src="https://cs.iubenda.com/autoblocking/3286936.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>


<script>
  /* ======================================================================
  Print functionality  
  ----------------------------------------------------------------------
  Just place a link anywhere in an article like that: <a href="#print">🖨️ Drucken</a>
  ====================================================================== */

  // Funktion, um allen passenden Links den Event Listener hinzuzufügen
  function attachPrintListeners() {
    document.querySelectorAll('a[href="#print"]').forEach(function (link) {
      if (!link.dataset.printBound) {
        link.addEventListener("click", function (e) {
          e.preventDefault();

          const baseUrl = window.location.origin + window.location.pathname;
          const queryParams = "?nonav=1&embed=1";
          const hash = "#print";

          const printUrl = baseUrl + queryParams + hash;
          window.open(printUrl);
        });

        // Markiere den Link als verarbeitet
        link.dataset.printBound = "true";
      }
    });
  }

  // Direkt nach DOM load aufrufen
  document.addEventListener("DOMContentLoaded", attachPrintListeners);

  // Hook in pushState / replaceState
  const originalPushState = history.pushState;
  const originalReplaceState = history.replaceState;

  history.pushState = function () {
    originalPushState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  history.replaceState = function () {
    originalReplaceState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  // Auch bei Vor-/Zurück-Buttons
  window.addEventListener("popstate", function () {
    setTimeout(attachPrintListeners, 0);
  });

  // Ruft automatisch den Druck-Dialog auf, wenn die URL den Hash #print hat.
  window.addEventListener("load", function () {
    if (window.location.hash === "#print") {
      window.print();

      // Optional: Schließe das Tab automatisch nach dem Drucken
      window.onafterprint = function () {
        window.close();
      };
    }
  });

  /* ======================================================================
  Global App‑Deeplink‑Router
  ----------------------------------------------------------------------
  Autoren verlinken so:
  href="/app-deeplink/<pfad?query#hash>"

  Das Skript …
  1) ersetzt diese Platzhalter‑Links global durch
      /<lang>/article/app-deeplink?nonav=1#to=<URL‑encoded‑pfad>
  → öffnet sie im **neuen Tab**.
  2) läuft im Deeplink‑Artikel selbst, dekodiert #to=…, ersetzt
  #app-deeplink‑Platzhalter → App öffnet **im selben Tab**.
  3) funktioniert in jeder Sprachversion (beliebiges Prefix),
  History‑ und Mutation‑safe (SPA‑Support).
  ====================================================================== */
  (function () {
    /* ---------------- Sprache dynamisch aus erstem Pfadsegment --------- */
    const LANG = (location.pathname.match(/^\/(\w{2})\//) || [, "de"])[1];
    const HELP_ARTICLE_BASE = `/${LANG}/article/app-deeplink?nonav=1`;

    /* ---------------- Konstanten --------------------------------------- */
    const PLACEHOLDER_PREFIX = "app-deeplink"; // Autoren‑Prefix
    const HASH_PARAM_PREFIX = "#to=";                  // Übergabe im Deeplink‑Artikel
    const LINK_HASH_TOKEN = "#app-deeplink";         // Platzhalter in App‑URLs

    /* ---------- 1) Platzhalter‑Links → Deeplink‑Artikel ---------------- */
    function convertAppLinks(root = document) {
      root.querySelectorAll("a[href]").forEach(a => {
        if (a.dataset.dlDone) return;

        const href = a.getAttribute("href") || "";
        const match = href.match(new RegExp(`^/?${PLACEHOLDER_PREFIX}(/.*)?`, 'i'));
        if (!match) return;

        const encodedPath = encodeURIComponent(match[1] || "/");
        a.href = `${HELP_ARTICLE_BASE}${HASH_PARAM_PREFIX}${encodedPath}`;
        a.target = "_blank";                     // Deeplink‑Artikel -> neuer Tab
        a.dataset.dlDone = "true";
      });
    }

    /* ---------- 2) Deeplink‑Artikel selbst patchen --------------------- */
    function patchDeeplinkArticle() {
      if (!location.pathname.includes("/article/app-deeplink")) return;

      const hashData = location.hash.startsWith(HASH_PARAM_PREFIX)
        ? location.hash.slice(HASH_PARAM_PREFIX.length)
        : null;
      if (!hashData) return;

      const decoded = decodeURIComponent(hashData);
      const path = decoded.startsWith("/") ? decoded : "/" + decoded;

      document.querySelectorAll(`a[href*="${LINK_HASH_TOKEN}"]`).forEach(a => {
        if (a.dataset.dlPatched) return;

        const base = a.href.split(LINK_HASH_TOKEN)[0].replace(/\/$/, "");
        a.href = base + path;              // finaler Deeplink, gleicher Tab
        a.removeAttribute("target");
        a.dataset.dlPatched = "true";
      });
    }

    /* ---------- 3) Initialisierung & SPA‑Support ----------------------- */
    function init(ctx) {
      convertAppLinks(ctx);
      patchDeeplinkArticle();
    }

    document.addEventListener("DOMContentLoaded", () => init(document));

    /* MutationObserver: dynamischer Content */
    new MutationObserver(muts => {
      muts.forEach(m => m.addedNodes.forEach(n =>
        n.nodeType === 1 && init(n)
      ));
    }).observe(document.documentElement, { childList: true, subtree: true });

    /* History‑API‑Hooks für SPAs */
    ["pushState", "replaceState"].forEach(fn => {
      const orig = history[fn];
      history[fn] = function () {
        const res = orig.apply(this, arguments);
        init(document);
        return res;
      };
    });
    window.addEventListener("popstate", () => init(document));
  })();
</script>

Was this article helpful?

You recently requested to reset your password for your account. Use the button below to reset it. This password reset is only valid for the next 24 hours.

If you’re having trouble with the button above, copy and paste the URL below into your web browser.