4
[solved] using emoji packs by JS (lemmy.world)
submitted 1 year ago by to c/perchance@lemmy.world
10 comments fedilink hide all child comments
 

hi yo.I have created comment chats through Java script, but I cannot enable emoji packs through them. Either the Chats themselves disappear or nothing happens, and the assistant can't handle it either. Please tell me how

all 10 comments

sorted by: hot top controversial new old
[–] 2 points 1 year ago (1 child)

I think what you want is just to put this on a new line in your lists editor:

hugeEmojiList = {import:huge-emoji-list}

and then add it like this:

    let mainChatPlugin = commentsPlugin({
      channel: "qine-main-chat", 
      width: "100%", 
      height: "350px",
      adminPasswordHash: "4b7a8a671d949baf24756f731091d13018de5c2ab4dd2cc1c1612a6643986933",
      customEmojis: hugeEmojiList, // <-- Add this line
      adminFlair: "👑 Creator",
      // ...
    });
  • permalink
  • fedilink
  • source
  • hideshow 1 child comment
    •
    • [–] 1 point 1 year ago (7 children)

    See this related thread for importing through JS.

  • permalink
  • fedilink
  • source
  • hideshow 7 child comments
    •
  • [–] [S] 1 point 1 year ago (6 children)

    Yes, I've seen this post. It didn't help me, or I added it in the wrong place :0

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 6 child comments
    •
  • [–] 1 point 1 year ago (5 children)

    Can you link the page you are working with?

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 5 child comments
    •
  • [–] [S] 1 point 1 year ago (4 children)
  • permalink
  • fedilink
  • source
  • parent
  • hideshow 4 child comments
    •
  • [–] 2 points 1 year ago (3 children)

    Best way I would think is use the default comment options that you have on the Perchance lists:

    defaultCommentOptions // for comments plugin: https://perchance.org/comments-plugin
  width = 100%
  height = 350
  commentPlaceholderText = Leave friendly comments..
  submitButtonText = submit comment
  bannedUsers = [bannedUsersList]
  customEmojis = {import:huge-emoji-list}
  adminFlair = 👑 Creator
  adminPasswordHash = 4b7a8a671d949baf24756f731091d13018de5c2ab4dd2cc1c1612a6643986933

    As the base options like so:

    let mainChatOptions = defaultCommentOptions.createClone;
mainChatOptions.channel = "qine-main-chat";
mainChatOptions.commentPlaceholderText = "Casual talk, memes, fun — all here!";
mainChatOptions.onComment = function (comment) {
  // Handle new comments in Main Chat
  console.log("New comment in Main Chat:", comment);
}
let mainChatPlugin = commentsPlugin(mainChatOptions);
  • permalink
  • fedilink
  • source
  • parent
  • hideshow 3 child comments
    •
  • [–] [S] 1 point 1 year ago (2 children)

    Thanks, but how do I link the top block to the JavaScript block? Because they don't see each other :0

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 2 child comments
    •
  • [–] 3 points 1 year ago (1 child)

    There should be no problem with linking the defaultCommentOptions on JavaScript, it would be on this part of your code on the HTML:

        ...
    let othersChatDiv = document.createElement('div');
    othersChatDiv.id = 'others-chat-container';
    othersChatDiv.style.display = 'none'; // Hide others chat by default
    
    let mainChatOptions = defaultCommentOptions.createClone;
    mainChatOptions.channel = "qine-main-chat";
    mainChatOptions.commentPlaceholderText = "Casual talk, memes, fun — all here!";
    mainChatOptions.onComment = function (comment) {
      // Handle new comments in Main Chat
      console.log("New comment in Main Chat:", comment);
    }
    let mainChatPlugin = commentsPlugin(mainChatOptions);
    ...

    The problem is bannedUsersList is not in the generator, so it gives errors. Removing that from the defaultCommentOptions makes it work.

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 1 child comment
    •