Direkt zum Inhalt

Beitrag generieren

Nach dem Ausfüllen der erforderliche Einrichtungkönnen Sie eine Instanz erstellen aus window.Predis. Diese Instanz bietet Zugriff auf alle SDK-Methoden. Die createPost Funktion startet die Predis iFrame-Schnittstelle, die es Benutzern ermöglicht, Beiträge nahtlos zu erstellen und zu bearbeiten.

const predis = new window.Predis();

// Event callbacks should be registered before initialization to capture any initialization errors
predis.on("ready", () => {
  predis.createPost({
    onPostPublish: function (err, data) {
      if (err) {
        console.error("Error publishing post:", err);
      } else {
        console.log("Post published successfully:", data);
      }
    },
  });
});

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

predis.initialize({ appId: "YOUR_APP_ID" });
Wichtig

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

Die createPost Die Methode ist die primäre Schnittstelle zum Starten des Workflows zum Erstellen und Bearbeiten von Beiträgen.

Vollständiges Implementierungsbeispiel​

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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Predis SDK Integration</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 creator/editor -->
    <button id="generate-post-button">Generate Post</button>

    <script type="text/javascript">
      document.getElementById("generate-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.createPost({
              onPostPublish: function (err, data) {
                if (err) {
                  console.error("Error during post publication:", err);
                  // Handle error appropriately in your application
                } else {
                  console.log("Post published successfully:", data);
                  // Process the published 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
          predis.initialize({ appId: "YOUR_APP_ID" });
          
        } catch (error) {
          console.error("Failed to initialize Predis SDK:", error);
        }
      });
    </script>
  </body>
</html>