Direkt zum Inhalt

Edit Post

Nach dem Ausfüllen der erforderliche Einrichtungkönnen Sie eine Instanz erstellen aus window.Predis um alle SDK-Funktionen zu aktivieren. Die editPost Methode ermöglicht es Benutzern, vorhandene Beiträge über die Predis iFrame-Schnittstelle.

const predis = new window.Predis();

// Event callbacks should be registered before initialization to capture any initialization errors
predis.on("ready", () => {
  predis.editPost({
    post_id: "POST_ID", // Post ID received from API or createPost onPublish callback
    onPostPublish: function (err, data) {
      if (err) {
        console.error("Error updating post:", err);
      } else {
        console.log("Post updated successfully:", data);
      }
    },
  });
});

predis.on("error", (error) => {
  console.error("SDK Error:", error);
});

predis.initialize({ 
  appId: "YOUR_APP_ID",
  embedToken: "USER_EMBED_TOKEN" // Required for user authentication
});
Wichtig

Ereignisbehandler registrieren mit .on() vor dem Anruf initialize(). Der editPost Die Methode sollte nur innerhalb der ready Callback, um sicherzustellen, dass das SDK vollständig initialisiert ist.

Erforderliche Parameter

Die editPost Methode erfordert eine gültige post_id Parameter. Zusätzlich ist der embedToken muss enthalten sein in der initialize Methode zur Benutzerauthentifizierung, da für die Bearbeitung von Beiträgen eine ordnungsgemäße Benutzeridentifizierung über SSO (Single Sign-On) erforderlich ist.

Die editPost Die Methode bietet direkten Zugriff auf die Schnittstelle des Beitragseditors und ermöglicht Benutzern, zuvor erstellte Beiträge zu ändern.

Wichtige Überlegungen​

Umfangsbeschränkung: Der editPost Methode bietet keine Funktion zur Beitragserstellung. Es erlaubt nur das Bearbeiten vorhandener Beiträge. Diese Methode wird typischerweise in Kombination mit Predis APIs, wo die Beitragserstellung über API Anrufe und die SDKs editPost Die Methode wird für nachfolgende Bearbeitungsvorgänge verwendet.

Vollständiges Implementierungsbeispiel​

Das folgende Beispiel zeigt eine umfassende Implementierung des Predis SDK zur Nachbearbeitung:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Predis SDK - Edit Post</title>
  </head>
  
  <!-- Predis.ai SDK -->
  <script
    type="text/javascript"
    src="https://predis.ai/sdk/embed.js"
    async
    defer
    crossorigin="anonymous"
  ></script>
  
  <body>
    <!-- Button to launch the post editor -->
    <button id="edit-post-button">Edit Post</button>

    <script type="text/javascript">
      document.getElementById("edit-post-button").addEventListener("click", function () {
        try {
          // Create an instance of the Predis SDK
          const predis = new window.Predis();

          // Handle successful initialization
          predis.on("ready", () => {
            console.log("SDK initialized successfully");
            
            predis.editPost({
              post_id: "YOUR_POST_ID", // Replace with actual post ID
              onPostPublish: function (err, data) {
                if (err) {
                  console.error("Error during post update:", err);
                  // Handle error appropriately in your application
                } else {
                  console.log("Post updated successfully:", data);
                  // Process the updated post data
                }
              },
            });
          });
          
          // Handle SDK errors
          predis.on("error", (error) => {
            console.error("SDK Error:", error);
            // Implement error handling logic
          });
          
          // Initialize the SDK with your application ID and embed token
          predis.initialize({ 
            appId: "YOUR_APP_ID",
            embedToken: "USER_EMBED_TOKEN" // Required for user authentication
          });
          
        } catch (error) {
          console.error("Failed to initialize Predis SDK:", error);
        }
      });
    </script>
  </body>
</html>