https://github.com/qiujuer/simditor-prettyemoji

A pretty emoji plugin for Simditor
https://github.com/qiujuer/simditor-prettyemoji

Last synced: 8 days ago
JSON representation

A pretty emoji plugin for Simditor

• Host: GitHub
• URL: https://github.com/qiujuer/simditor-prettyemoji
• Owner: qiujuer
• License: mit
• Created: 2015-09-12T09:55:45.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-13T09:48:48.000Z (about 9 years ago)
• Last Synced: 2024-08-09T21:27:16.236Z (3 months ago)
• Language: JavaScript
• Size: 676 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Simditor Prettyemoji

A pretty emoji plugin for [Simditor](http://simditor.tower.im/).

Insert emoji img to Simditor content.

![Demo](/art/demo1.png)

![Demo](/art/demo2.png)

### Download

Click [github](https://github.com/qiujuer/Simditor-PrettyEmoji/releases) to download the zip file. You can also install Simditor by bower and npm :

```

$ npm install simditor-prettyemoji

$ bower install simditor-prettyemoji

```

### Usage

Reference button and dependency script on your page with Simditor:

```html

```

Add prettyemoji button config when you initialize Simditor:

```javascript

new Simditor({

	textarea:  $('#txt-editor'),

	toolbar: [..., 'emoji'],

	emoji: {

        autoClose: true,

		imagePath: 'images/emoji/',

        categories: ["face","fashion","animal","food","travel","time","work","font","tool","other"]

	}

})

```

### Parameters

**autoClose** (Type: Bool)

Automatically close the pop-up box after selecting the emoji.

Default: `true`

**imagePath** (Type: String)

Prettyemoji's emojies img path, you can use relative paths or absolute paths.

Default: `'images/emoji/'`

**categories** (Type: Array)

Prettyemoji's categories.

Default: `[

    "face",

    "fashion",

    "animal",

    "food",

    "travel",

    "time",

    "work",

    "font",

    "tool",

    "other"

  ]`

### Demo

Show demo, you need run in command:

```

bower install

npm install

grunt

```

Then, open `demo.html`.