How to add my custom imag emojis

[ape660]

No description provided.

[candideu]

The API used has this in their docs: https://picmojs.com/docs/usage/custom/

Not sure how to make this work on this app, though...

[walsvid]

In fact I have added custom emoji in the last panel. However, it is currently not implemented for users to add custom emoji locally. Contributions are welcome!

Another issue is that custom emoji can only be inserted in the form of pictures in logseq, and the current UI has some bugs in handling the mixed arrangement of text and pictures, and in some cases the desired effect cannot be obtained. Please see logseq/logseq#6070 for details.

[candideu]

@walsvid Makes sense, thanks for pointing out the custom emoji you've already added and the current bugs.

I not at all familiar with Logseq plugin development, but my hunch would be to make the custom emojis configurable in the plugin settings (via logseq.App.getUserConfigs or something).

So lines 19-48 in index.ts could be modifiable in the plugin settings JSON, and users would just have to add as many entries as they want for their custom emojis.

logseq-plugin-wrap does this to allow users to modify and add more options to the toolbar.

[walsvid]

Hi all, I have update the plugin to v0.0.3. The new version supports adding custom emojis via json config file. After updating the configuration, please restart logseq or toggle the plugin to make the custom emoji settings take effect.

Feel free to reopen the issue again.

[candideu]

Amazing, thank you @walsvid ! I've filmed a demo, and I'll make a PR to add to the README.

[candideu]

@walsvid Another limitation I've noticed is that custom emojis which are saved in the assets folder aren't previewed, although they appear when you add them to the page.

[walsvid]

Hi, @candideu. The picmo library used by this plugin manages and renders custom emoji/image by url, so there will be rendering problems when using local files. My suggestion is to use an image hosting service to convert local images to accessible urls.