c/perchance · by qinerous@lemmy.world · 1y

[solved] using emoji packs by JS

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

5 points · 10 comments · view on lemmy.world

10 Comments

perchance@lemmy.world · 3 pts · 1y (1 reply)

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",
      // ...
    });

qinerous@lemmy.world · 1 pts · 1y

Thanks, it helped

VioneT@lemmy.world · 1 pts · 1y (7 replies)

qinerous@lemmy.world · 1 pts · 1y (6 replies)

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

VioneT@lemmy.world · 1 pts · 1y (5 replies)

Can you link the page you are working with?

qinerous@lemmy.world · 1 pts · 1y (4 replies)

https://perchance.org/qineplayer

VioneT@lemmy.world · 2 pts · 1y (3 replies)

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

qinerous@lemmy.world · 1 pts · 1y (2 replies)

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

VioneT@lemmy.world · 3 pts · 1y (1 reply)

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.

qinerous@lemmy.world · 1 pts · 1y

Thanks for the help