jmadler / emoji-picker

Add a slick emoji selector to input fields and textareas on your website.
Other
1.31k stars 318 forks source link

Compatibility issue with IvoryCKEditorBundle #93

Open cduran433 opened 6 years ago

cduran433 commented 6 years ago

I want to install this bundle in my cms that is built with Symfony and sonata. But I realize that this bundle is not working when you have also added the IvoryCKEditorBundle.

I have this button on the backend:

 <p >
        <input type="email" class="form-control" placeholder="Input field" data-emojiable="true">
</p>

And when I executed:

window.emojiPicker.discover();

The plugin create the component:

<div class="emoji-wysiwyg-editor form-control cke_editable cke_editable_inline cke_contents_ltr cke_show_borders" data-id="06986ad8-e870-4cc2-a00d-16ca23b47e71" data-type="input" placeholder="Input field" contenteditable="true" style="height: 33px; position: relative;" tabindex="0" spellcheck="false" role="textbox" aria-label="Rich Text Editor, editor2" title="Rich Text Editor, editor2" aria-describedby="cke_180"></div>

The problem is that is also adding the class for the CkeditorBundle and the Emojis are not added to the input, instead of that the input is:

https://imgur.com/cnnv7IO

Someone know what is happening, or how can I work around this problem?