Skip to main content

Generate Post

After completing the required setup, you can create an instance from window.Predis. This instance provides access to all SDK methods. The createPost function launches the Predis iFrame interface, enabling users to create and edit posts seamlessly.

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" });
Important

Ensure you call the initialize method before invoking the createPost method.

The createPost method is the primary interface for initiating the post creation and editing workflow.

Complete Implementation Example​

The following example demonstrates a comprehensive implementation of the Predis SDK for post creation:

<!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>