## Installation
Add this line to your application's Gemfile:
```ruby
gem 'rails_emoji_picker'
```
## Usage
Run command
```bash
rails g rails_emoji_picker:install
```
It copies emoji images to your `/public/` directory, adds lines with required js/css files to your application assets and adds precompile images option in `config/initializers/assets.rb`
Check your `application.js` and `application.(css, scss,sass)` file.
For JS it requires js asset before `//= require_tree .`
For CSS it requires css asset before `*= require_self`
For SCSS and SASS adds import `@import 'rails_emoji_picker'`
##### It should look like this:
`application.js`
```js
//= require jquery
//= require turbolinks
//= require rails_emoji_picker
//= require_tree .
```
`application.css`
```css
/*
*= require_tree .
*= require rails_emoji_picker
*= require bootstrap
*= require_self
*/
```
`application.scss or sass`
```scss
@import 'rails_emoji_picker'
```
Next step, wrap your text input with css class `emoji-picker-container`
And add data-attribte `data: { emojiable: true }` to your input/text_area.
```erb
<%= f.text_field :title, class: 'form-control', data: { emojiable: true } %>
``` To see emoji in views, wrap your text with helper `content_with_emoji`. ```erb <%= content_with_emoji(@post.title) %> ``` If you interpolate string, you need to call `html_safe`, because it is another string. ```erb <%= "Post body: #{content_with_emoji(@post.body)}".html_safe %> ``` That's all! :smiley_cat: ## Contributing Bug reports and pull requests are welcome on GitHub at https://github.com/ID25/rails_emoji_picker. ## License The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).