Emoji Customize

About 1 min...

You can customize the emoji of the comment box by setting emoji option, you should set it to an array containing preset link or preset config object. If you don't want it, just set it to false.

Presets

Waline provides a series of emoji presets that can be used out of box. You can add them directly to the emoji options:

  • Alus

    https://unpkg.com/@waline/emojis@1.1.0/alus
    
  • Bmoji

    https://unpkg.com/@waline/emojis@1.1.0/bmoji
    
  • Bilibili

    https://unpkg.com/@waline/emojis@1.1.0/bilibili
    
  • QQ

    https://unpkg.com/@waline/emojis@1.1.0/qq
    
  • Tieba

    https://unpkg.com/@waline/emojis@1.1.0/tieba
    
  • Twemoji

    • Emoji:

      https://unpkg.com/@waline/emojis@1.1.0/tw-emoji
      
    Others presets
    • Full: (Not recommended)

      https://unpkg.com/@waline/emojis@1.1.0/tw
      
    • Body:

      https://unpkg.com/@waline/emojis@1.1.0/tw-body
      
    • Food:

      https://unpkg.com/@waline/emojis@1.1.0/tw-food
      
    • Natural:

      https://unpkg.com/@waline/emojis@1.1.0/tw-natural
      
    • Object:

      https://unpkg.com/@waline/emojis@1.1.0/tw-object
      
    • Symbol:

      https://unpkg.com/@waline/emojis@1.1.0/tw-symbol
      
    • People:

      https://unpkg.com/@waline/emojis@1.1.0/tw-people
      
    • Sport:

      https://unpkg.com/@waline/emojis@1.1.0/tw-sport
      
    • Time:

      https://unpkg.com/@waline/emojis@1.1.0/tw-time
      
    • Travel:

      https://unpkg.com/@waline/emojis@1.1.0/tw-travel
      
    • Weather:

      https://unpkg.com/@waline/emojis@1.1.0/tw-weather
      
    • Flag:

      https://unpkg.com/@waline/emojis@1.1.0/tw-flag
      
  • Weibo

    https://unpkg.com/@waline/emojis@1.1.0/weibo
    

Note

Waline DO NOT have any copyright of above emojis, use them at your own risk.

Example

<div id="waline"></div>
<script type="module">
  import { init } from 'https://unpkg.com/@waline/client@v2/dist/waline.mjs';

  init({
    el: '#waline',
    serverURL: '<YOUR SERVER URL>',

    // Set emoji to Weibo and Bilibili
    emoji: [
      '//unpkg.com/@waline/emojis@1.1.0/weibo',
      '//unpkg.com/@waline/emojis@1.1.0/bilibili',
    ],
  });
</script>

Create your own presets

Besides the presets provided by Waline, you can create your own presets, see Guide → Create Emoji Presets.

TIPS: The comment area is only for demo. If you have any questions, please go to Github Discussion to ask.
What do you think?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
Comments
  • Latest
  • Oldest
  • Hottest
Powered by Waline v2.14.7