Hariri Post

Baada ya kumaliza usanidi unaohitajika, unaweza kuunda mfano kutoka window.Predis kuwezesha utendakazi wote wa SDK. The editPost njia inaruhusu watumiaji kurekebisha machapisho yaliyopo kupitia Predis kiolesura cha 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
});

Muhimu

Sajili wahudumu wa matukio kwa kutumia .on() kabla ya kupiga simu initialize(). The editPost njia inapaswa kutumika tu ndani ya ready Kurudi nyuma ili kuhakikisha SDK imeanzishwa kikamilifu.

Vigezo vinavyohitajika

The editPost njia inahitaji halali post_id kigezo. Kwa kuongeza, embedToken lazima iingizwe katika initialize njia ya uthibitishaji wa mtumiaji, kwani uhariri wa chapisho unahitaji kitambulisho sahihi cha mtumiaji kupitia SSO (Kuingia Mara Moja).

The editPost Mbinu hutoa ufikiaji wa moja kwa moja kwa kiolesura cha kihariri cha chapisho, kuruhusu watumiaji kurekebisha machapisho yaliyoundwa hapo awali.

Maanani muhimuâ € <

Ukomo wa Upeo: editPost mbinu haitoi utendakazi wa kuunda chapisho. Inaruhusu tu uhariri wa machapisho yaliyopo. Njia hii kawaida hutumiwa pamoja na Predis APIs, ambapo uundaji wa chapisho unashughulikiwa API simu, na SDK's editPost Njia hutumiwa kwa shughuli za uhariri zinazofuata.

Mfano Kamili wa Utekelezajiâ € <

Mfano ufuatao unaonyesha utekelezaji wa kina wa Predis SDK ya uhariri wa chapisho:

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