Emoji Customize

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.