import { RichText } from "@wordpress/block-editor";
import {
    sanitizeURL,
    BlockProps
} from "@essential-blocks/controls";

const save = ({ attributes }) => {
    const {
        blockId,
        image,
        imageCaption,
        horizontalAlign,
        verticalAlign,
        verticalAlignCap2,
        stylePreset,
        captionStyle,
        hoverEffect,
        openInNewTab,
        imageLink,
        enableLink,
        classHook,
        imgSource
    } = attributes;

    if (imgSource !== 'custom') {
        return null;
    }

    let imageURL = image.url;

    const linkTarget = openInNewTab ? "_blank" : undefined;

    if (imageURL === "") return null;

    return (
        <BlockProps.Save attributes={attributes}>
            <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
                <figure
                    className={`eb-advanced-image-wrapper ${blockId} img-style-${stylePreset} ${captionStyle} caption-horizontal-${horizontalAlign} caption-vertical-${verticalAlign} ${verticalAlignCap2} ${hoverEffect}`}
                    data-id={blockId}
                >
                    <div className="image-wrapper">
                        {enableLink && (
                            <a
                                className={"eb-advimg-link"}
                                href={sanitizeURL(imageLink)}
                                target={linkTarget}
                                rel={linkTarget === "_blank" ? "noopener" : undefined}
                            >
                            </a>
                        )}
                        <img src={imageURL} alt={image.alt} />
                        {!RichText.isEmpty(imageCaption) &&
                            captionStyle != "caption-style-2" && (
                                <RichText.Content tagName="figcaption" value={imageCaption} />
                            )}
                    </div>

                    {!RichText.isEmpty(imageCaption) &&
                        captionStyle == "caption-style-2" && (
                            <RichText.Content tagName="figcaption" value={imageCaption} />
                        )}
                </figure>
            </div>
        </BlockProps.Save>
    );
};

export default save;
{"id":8214,"date":"2026-07-18T12:51:01","date_gmt":"2026-07-18T11:51:01","guid":{"rendered":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=8214"},"modified":"2026-07-24T12:51:02","modified_gmt":"2026-07-24T11:51:02","slug":"online-wikipedia-2","status":"publish","type":"post","link":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/?p=8214","title":{"rendered":"Online Wikipedia"},"content":{"rendered":"<p>Ob Bewerbung oder K\u00fcndigung \u2013 versenden Sie Ihre Briefpost jetzt direkt aus dem WEB.DE Online Office. \u201eOnline\u201c erm\u00f6glicht Kontakte ohne pers\u00f6nliche Pr\u00e4senz, so etwa anstelle des Pr\u00e4senzunterrichts das Homeschooling oder Besprechungen durch Videokonferenzen. <!--more--> Auch eine automatische Daten\u00fcbertragung , -Stapeln, mit Speicherung zur sp\u00e4teren Weiterverarbeitung \u201eonline\u201c erfolgen, auch das Drucken an entfernten Druckern w\u00e4re Online-Stapelverarbeitung; andererseits werden klassische Vertreter der Dialogverarbeitung, z. 3 BGB berechtigt, einen Zahlungsausl\u00f6sedienst oder einen Kontoinformationsdienst zu nutzen, es sei denn, das Zahlungskonto des Zahlungsdienstnutzers ist f\u00fcr diesen nicht online zug\u00e4nglich. \u201eWer mit dem Internet verbunden ist und E-Mails abruft, surft, chattet oder in Newsgroups st\u00f6bert, ist online\u201c ist eine praxisorientierte Definition. \u201eOnline\u201c leitet sich von englisch \u201eon the line\u201c , deutsch \u201eauf Leitung sein\u201c, ab, wurde zun\u00e4chst f\u00fcr eine aktive Telefonleitung benutzt und war urspr\u00fcnglich mit \u201etelefonisch, durch das Telefon verbunden oder am Telefon\u201c zu \u00fcbersetzen.<\/p>\n<h2>Flexibles Bearbeiten von Dateien<\/h2>\n<p>Ein neues Dokument kann erstellt \u2014 eine Datei aus dem Online-Speicher bearbeitet oder eine Datei hochgeladen werden.<\/p>\n<ul>\n<li>Die cloudbasierte Office-L\u00f6sung WEB.DE Online Office steht allen Nutzern von WEB.DE kostenlos zur Verf\u00fcgung.<\/li>\n<li>Sie k\u00f6nnen ein neues Dokument erstellen, eine Datei aus dem Online-Speicher bearbeiten oder eine Datei hochladen.<\/li>\n<li>Dokumente (die im Online Office bearbeitet wurden), werden im WEB.DE Online-Speicher gesichert und sind so von \u00fcberall zug\u00e4nglich.<\/li>\n<li>Dateien (die Sie im Online Office bearbeiten), werden in Ihrem WEB.DE Online-Speicher gesichert.<\/li>\n<\/ul>\n<h2>Typische Verbindungen zu \u203aonline\u2039 (berechnet)<\/h2>\n<p><img src=\"http:\/\/mnl63.net\/wp-content\/uploads\/2022\/11\/free-100-php.png\" alt=\"alvynn casino security\" align=\"right\" border=\"0\" ><\/p>\n<p>Im Online Office k\u00f6nnen Sie dann entweder eine neue Datei erstellen oder eine bestehende Datei aus Ihrem Online-Speicher bearbeiten. Mit dem Online Office k\u00f6nnen Sie be\u00adstehende Word-, Excel- oder PowerPoint-Dateien aus Ihrem WEB.DE Online-Speicher \u00f6ffnen und bearbeiten oder neue Dateien erstellen. Die automatische Rechtschreibpr\u00fcfung markiert fehlerhafte Stellen innerhalb eines Dokuments \u2013 so k\u00f6nnen Sie diese \u00fcberpr\u00fcfen und direkt ausbessern. Im Online Office sind Ihre Dateien jederzeit online verf\u00fcgbar und lassen sich \u00fcber den Pr\u00e4sentations\u00admodus auch direkt starten. Office-Dateien und Dokumente einfach im WEB.DE Postfach bearbeiten?<\/p>\n<ul>\n<li>LibreOffice-Dateien lassen sich auf diese Weise bearbeiten.<\/li>\n<li>Sie gehen online und geben im Adressfeld einfach -lehrstellen.de ein.<\/li>\n<li>Bitte beachten Sie (dass diese Verlaufskurven nicht redaktionell), sondern automatisch erstellt sind und Fehler enthalten k\u00f6nnen.<\/li>\n<li>3 BGB berechtigt (einen Zahlungsausl\u00f6sedienst oder einen Kontoinformationsdienst zu nutzen), es sei denn, das Zahlungskonto des Zahlungsdienstnutzers ist f\u00fcr diesen nicht online zug\u00e4nglich.<\/li>\n<li>\u201eOnline\u201c leitet sich von englisch \u201eon the line\u201c (deutsch \u201eauf Leitung sein\u201c) ab, wurde zun\u00e4chst f\u00fcr eine aktive Telefonleitung benutzt und war urspr\u00fcnglich mit \u201etelefonisch, durch das Telefon verbunden oder am Telefon\u201c zu \u00fcbersetzen.<\/li>\n<\/ul>\n<p>Geben Sie einfach -lehrstellen.de im Adressfeld ein und gehen Sie <a href=\"https:\/\/casino-alvynn.de\/\">alvynn casino<\/a> online. Die Bewerbung \u00fcber das Internet stellt die schnellste und einfachste Methode dar. Die Ausgangsdaten, die online verarbeitet werden, stammen direkt von den Robotersensoren und indirekt von den Steuerungsger\u00e4ten, die die Bewegungsachsen steuern. Der Mobilfunk hat zahlreiche M\u00f6glichkeiten hervorgebracht (die es erlauben), digitale Inhalte sowohl offline als auch online wie auf einem PC zu pr\u00e4sentieren und zu bearbeiten. Eine Auswertung kann sowohl online als auch offline erfolgen. Die Datenbank ist frei zug\u00e4nglich  und bietet eine Auswahl an Themen \u2026.<\/p>\n<h2>Cloud-basiertes Arbeiten<\/h2>\n<p>Bei aktiver Internetverbindung bleibt die Frage offen, ob boardunity wieder online gehen wird oder ob das Forum weiterhin offline bleibt. Um eine Datei anderen zur Verf\u00fcgung zu stellen, klicken Sie einfach auf die Schaltfl\u00e4che \"Freigeben\". Dateien (die im Online Office bearbeitet werden), finden ihren Platz im WEB.DE Online-Speicher. Alternativ k\u00f6nnen Sie die Datei direkt im Online-Speicher ausw\u00e4hlen und auf \"Bearbeiten\" klicken. Dokumente (die im Online Office bearbeitet worden sind), werden im WEB.DE Online-Speicher gespeichert und sind dadurch von \u00fcberall erreichbar.<\/p>\n<p>Erstellen oder bearbeiten Sie Ihre Dateien einfach im WEB.DE Postfach. Teilweise schildern diese Begriffe Aktivit\u00e4ten, die vor den Neuen Medien bereits \u201eoffline\u201c vorhanden waren , wie etwa \u201eanaloge\u201c Umfragen, Veranstaltungen,. Die Medientheorie versteht hierunter einen Arbeitsmodus in Datennetzwerken (die aus mehreren), untereinander verbundenen Computern bestehen, welche Zugriff auf das Intranet oder Internet haben. Bitte beachten Sie, dass diese Verlaufskurven nicht redaktionell, sondern automatisch erstellt sind und Fehler enthalten k\u00f6nnen. Bitte beachten Sie (dass diese Karten nicht redaktionell), sondern automatisch erstellt sind.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ob Bewerbung oder K\u00fcndigung \u2013 versenden Sie Ihre Briefpost jetzt direkt aus dem WEB.DE Online Office. \u201eOnline\u201c erm\u00f6glicht Kontakte ohne pers\u00f6nliche Pr\u00e4senz, so etwa anstelle des Pr\u00e4senzunterrichts das Homeschooling oder Besprechungen durch Videokonferenzen.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/8214"}],"collection":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8214"}],"version-history":[{"count":1,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/8214\/revisions"}],"predecessor-version":[{"id":8215,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=\/wp\/v2\/posts\/8214\/revisions\/8215"}],"wp:attachment":[{"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8214"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.foxmultimedia.co.uk\/fizzydev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}