Edita Missatge

Després de completar el fitxer configuració requerida, podeu crear una instància des de window.Predis per habilitar totes les funcionalitats de l'SDK. El editPost el mètode permet als usuaris modificar les publicacions existents a través de Predis Interfície iFrame.

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

important

Registra els controladors d'esdeveniments mitjançant .on() abans de trucar initialize(). La editPost el mètode només s'ha d'invocar dins del ready retrollamada per assegurar-se que l'SDK s'ha inicialitzat completament.

Paràmetres requerits

La editPost el mètode requereix un valor vàlid post_id paràmetre. A més, el embedToken s'ha d'incloure en el initialize mètode per a l'autenticació d'usuaris, ja que la postedició requereix una identificació adequada de l'usuari mitjançant SSO (inici de sessió únic).

La editPost El mètode proporciona accés directe a la interfície de l'editor de publicacions, permetent als usuaris modificar publicacions creades anteriorment.

Consideracions importantsâ € <

Limitació d'abast: El editPost mètode no proporciona funcionalitat de postcreacióNomés permet l'edició de publicacions existents. Aquest mètode s'utilitza normalment en combinació amb Predis APIs, on la creació de publicacions es gestiona a través de API trucades i els SDK editPost El mètode s'utilitza per a operacions d'edició posteriors.

Exemple d'implementació completâ € <

El següent exemple mostra una implementació completa de la Predis SDK per a l'edició de publicacions:

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