Giter Club home page Giter Club logo

summernote-emoji's Introduction

summernote-emoji

Summernote emoji plugin

Screen Shot

Demo https://tamit.info/plugins/summernote-emoji/example

Installation & Usage:

In your <head> section, add the following stylesheet links. Adjust the lib/css path to match yours.

<link href="tam-emoji/css/emoji.css" rel="stylesheet">

The end of your <body> section, add the following JavaScript links. This library depends on jQuery, so jQuery must also be included, before these scripts are run. Once again, adjust the tam-emoji/js path to match yours.

  <script src="tam-emoji/js/config.js"></script>
  <script src="tam-emoji/js/tam-emoji.min.js"></script>

Before add emoji to summernote toolbar.

Example

<textarea id="summernote"></textarea>
$('#summernote').summernote({
  toolbar: [
		toolbar: [
            ['insert', ['emoji']],
            ['tool', ['undo', 'redo', 'codeview']]
        ]
	]
});

Configuring Options

# Emoji Button
document.emojiButton = 'fas fa-smile'; // default: fa fa-smile-o

#The Emoji selector to input Unicode characters instead of images
document.emojiType = 'unicode'; // default: image

#Relative path to emojis
document.emojiSource = 'tam-emoji/img';

summernote-emoji's People

Contributors

trinhtam avatar dijals avatar tomas2d avatar anshulcoder avatar davehs avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.