Skip to main content

Emoji Customize

Less than 1 minute...

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.2.0/alus
    
  • Bmoji

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

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

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

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

    • Emoji:

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

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

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

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

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

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

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

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

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

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

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

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

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

    https://unpkg.com/@waline/emojis@1.2.0/weibo
    
  • Soul knight Emoji

    https://unpkg.com/@waline/emojis@1.2.0/soul-emoji
    

Warning

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@v3/dist/waline.js';

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

    // Set emoji to Weibo and Bmoji
    emoji: [
      '//unpkg.com/@waline/emojis@1.2.0/weibo',
      '//unpkg.com/@waline/emojis@1.2.0/bmoji',
    ],
  });
</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 v3.1.3