Füllen Sie die Datums- und Uhrzeitfelder mithilfe einer Erweiterung des Inhaltsfragment-Editors in Experience Manager as a Cloud Service mit der aktuellen Zeit

In Adobe Experience Manager as a Cloud Service bleibt das Standardfeld Datum/Uhrzeit in Inhaltsfragmentmodellen leer, wenn Autorinnen und Autoren ein Inhaltsfragment im neuen Inhaltsfragment-Editor erstellen oder bearbeiten. Im alten Editor wurden diese Felder mit der aktuellen Systemzeit vorausgefüllt, aber der neue Editor lässt sie leer und erfordert, dass Autoren den Wert manuell eingeben. Diese Änderung betrifft Authoring-Workflows, die von den Standardzeitwerten abhängen. Um das Feld automatisch auszufüllen, implementieren Sie ein benutzerdefiniertes Feld über das Erweiterbarkeits-Framework der Benutzeroberfläche des Inhaltsfragment-Editors und legen Sie die aktuelle Zeit fest, zu der der Feldwert leer ist. Um dies zu beheben, erstellen, bereitstellen und testen Sie die benutzerdefinierte Felderweiterung.

Beschreibung description

Umgebung

  • Adobe Experience Manager as a Cloud Service (Erweiterbarkeit der Benutzeroberfläche des Inhaltsfragment-Editors wird unterstützt)

Problem/Symptome

  • Datums-/Uhrzeitfelder in Inhaltsfragmenten sind im neuen Editor standardmäßig leer.
  • Autoren müssen die aktuelle Zeit manuell eingeben.

Ursache

Der neue Inhaltsfragment-Editor füllt Datums-/Uhrzeitfelder nicht standardmäßig automatisch aus. Um dieses Verhalten wiederherzustellen, muss ein benutzerdefiniertes Feld mithilfe des Erweiterbarkeits-Frameworks implementiert werden.

Lösung resolution

Gehen Sie wie folgt vor, um die aktuelle Zeit automatisch zu füllen:

  1. Installieren und aktualisieren Sie die Adobe App Builder-CLI.

    • npm install -g @adobe/aio-cli ausführen.
    • aio plugins:update ausführen.
  2. Initialisieren eines Projekts für die Inhaltsfragment-Editor-Erweiterung mithilfe der Editor-Vorlage:

    • aio app init --template @adobe/aem-cf-editor-ui-ext-tpl ausführen.
  3. Implementieren einer benutzerdefinierten React-Komponente mit Datums-/Uhrzeitfeld:

    • Verwenden Sie die API für benutzerdefinierte Felder, um Ihr benutzerdefiniertes Feld zu registrieren.
    • Überprüfen Sie in Ihrer Komponente, ob der Feldwert leer ist. Wenn ja, legen Sie die aktuelle Systemzeit fest.
    • Beispiel:

"
import { useEffect } aus ‘react’;

export default function CustomDateTimeField({ value, onChange }) {
useEffect() => {
if (!value) {
onChange(new Date().toISOString());
}
}, [ value, onChange] );

// Rendering your date/time input here, allow manual override
}
"

  • Öffnen Sie ein Inhaltsfragment im neuen Editor.

    • Ein Datums-/Uhrzeitfeld hinzufügen oder bearbeiten und überprüfen, ob es automatisch mit der aktuellen Systemzeit ausgefüllt wird.

      Bestätigen, dass Autoren den Wert nach wie vor ändern können.

Verwandtes Lesen

recommendation-more-help
experience-cloud-kcs-help-kbarticles