coraza / angular-emoji-popup Goto Github PK

Emoji not working across browsers(firefox, IE), Please suggest me how i can resolve this issue.

Hi there. I'm having some issues integrating this lib with an ionic project, it doesn't show any error on console but emojis only work well until second click. After click by the third time, they start appending right after the first emoji and text cursor won't work properly after that. Please help.

I'm testing this emoji with the Ionic android app . Each and every time when i added the emoticons it gets appended on left of the text .

For example 😡 Hello But it should be like Hello 😡

I take a pull request from master branch but facing such issue
If anyone get the solution please let me know
Thanks in advance

Hey, everytime i run the webpage with the emoji code i got the following error :

TypeError: Cannot read property 'offsetHeight' of undefined
   at emojiDirectives.js:145
   at angular.js:16380
   at completeOutstandingRequest (angular.js:4940)
   at angular.js:5328

Tracking the line code, the error is from :

     var height = richTextarea.offsetHeight;

So richTextarea is undefined. I don't get why... He should be instanciated by the following line 30 of emojiDirectives.js :

         richTextarea = $(
                '.emoji-wysiwyg-editor', element)[0];

.emoji-wysiwyg-editor is supposed to be added by jquery.emojiarea.js on line 339 :

    this.$editor = $('<div>').addClass('emoji-wysiwyg-editor');

Has anyone got this error ? Any pointers would be appreciated.

I have a textarea where I'm using a custom ng-enter to call a sendMessage function when I press enter, but after adding the popup I can no longer press enter to send the message.. How can I make sure that the enter button calls the function I want after the contenteditable area has appeared?

I tried setting it on the wrapping div that becomes the contenteditable area but pressing enter only works after I've inserted an emoji by clicking the button:

<div emoji-form emoji-message="emojiMessage" ng-enter="sendMessage(chat, chat.emojiMessage)">
        <textarea ng-model="chat.emojiMessage"></textarea>
    <button id="emojibtn">
        <i class="icon icon-emoji"></i>
    </button>
</div>

Is there a way to fix this?

The colonToSmiley filter applied at ng-bind-html parses the complete html, which results in <script></script>tag bug.

<span ng-bind-html="message.content | colonToSmiley " style="white-space: normal;"> </span>
And also unable to send '<' less than character
Is there any other way to use colonToSmiley filter without the need of ng-bind-html ?
Any help would be appreciated
Thanks.

The content of css file src/emoji.css are not present in dist/emoji.min.css and hence no popup is displayed in the webpage.

It took me a while to implement this in my project, so I am just adding it here to save time for others. Use CSS from src folder or add the content of src/emoji,css in your main stylesheet.

http://bower.io/docs/creating-packages/#register

This information doesn't exist in the documentation. Is there some way to do it in the lib without be forced to replace all emojis manually?

Hello,
I want to move "div class='emoji-menu'... " location!!
Could i this?

I've changed the behavior of the textarea to look like a input text (submit when enter is pressed), but I can not read the property $scope.emojiMessage.messagetext when I catch the submit. I'm doing a chat and it's important because everyone likes to send messages just pressing enter.

<p class="preline" dir="auto" ng-bind-html="::post.body| codeToSmiley" ></p>  WORKS FINE

<p class="preline" dir="auto" ng-bind-html="::post.body| linky" ></p> Also works file

yet

<p class="preline" dir="auto" ng-bind-html="::post.body| linky |codeToSmiley" ></p>
OR
<p class="preline" dir="auto" ng-bind-html="::post.body| codeToSmiley | linky" ></p>

doesnt work

I use for a long time this project, but today doesn't work the popup.

You can see the demo page: http://coraza.github.io/angular-emoji-popup/ doesn't work also.

How to fix it?

Is it possible to update the project with every single emoji in in the Unicode Standard?
http://blog.emojipedia.org/ios-9-1-emoji-changelog/
http://unicode.org/emoji/charts/full-emoji-list.html

Thanks in advance!

hi team,
Greetings of the day.
First of all, i am very thankful to the team who developed the emoji popup. it works great. it helped me very well
but there is an issue that is
i am working on a ionic project. i used these emoji there. when the app runs on mobile browser , emoji works well , but when it runs on desktop browser, emoji doesn't work. it opens the popup but doesn't gets selected. kindly help me . i am breaking my head for many days.

thank you

Hi. Apple extend emoji list in ios 8. Could you please update your repo. Many thans!

emoji not going to be print into the textbox...
it gives an error 'offsetHeight' of undefied...
and its ionic-bundle.min.js is conflict...
it works better without ionic project..
help me out plzz..!!

Similar to how Slack does it.

When I use this package for decoding, I faced above error.
TypeError: Cannot read properties of undefined (reading 'createIcon') at emoji.min.js:189:31 at String.replace (<anonymous>) at emoji.min.js:185:63 at fn (eval at compile (angular.js:15551:15), <anonymous>:4:234) at e (angular.js:16658:55) at angular.js:16553:26 at m.$digest (angular.js:18253:34) at m.$apply (angular.js:18531:13) at HTMLDivElement.<anonymous> (angular.js:27346:17) at HTMLDivElement.dispatch (jquery.min.js:3:10316)

Please help me, full stacks!

Hi,
could you please clarify how one can clear the editable area after sending a message. I'm looking for a way how to do it after replyToUser() method call.
Thanks

I've installed this using bower and it's almost working. Would seem the images aren't loading because of the path.

The smily icon loads from:

url(../img/IconsetW.png)

Assuming there something missing from the README

LOL i wanted to see how this looks but the demo page is not working.

I am having this issue, when i write com words in the input:

Error: [$compile:nonassign] Expression 'undefined' used with directive 'contenteditable' is non-assignable!

How can i fix it?

my angular version is 1.3.20

If you can guide me to the source from where you made your config.js file, I'll add support to it for new pack of emoji set. I'll update the spritesheets as well.

For example no off animation configuration able or demo with multiple emoji popups

I have my own textarea filled with other directives and custom styling and just wanted to use the emoji popup to fill my own textarea. Is this somehow possible? The problem is, that my textarea gets hidden when I try use the emoji popup

please compile and the emoji.min.js with fix provided by @k-zakhariy as soon as possible

Hi,
I have an issue with your plugin. When I insert an emoji and then start writting characters, my emoji are removed from my ng-model. I am searching for a solution since yesterday but I don't know where this can happened in the code.
Can you help me please?

Hi,

I am trying to use codeToSmiley filter, but is is not working.

Sample unicode returning from my backend service is \u2601\ufe0f. Can you please help me?

Error: [$injector:modulerr] Failed to instantiate module emojiApp due to:
TypeError: Cannot set property 'spritesheetPath' of undefined

many undocumented features and bugs
for example:
Uncaught ReferenceError: $modalStack is not definedl @ emoji.min.js:3jQuery.event.dispatch @ jquery.js:4435elemData.handle @ jquery.js:4121

What'a fuck - what is a $modalStack and why I know about method replyToUser (something like this) which calling every time when user presses enter?

Or strange console dumps, like "user uses paste" (smth like this) in my dev console

the minified version (dist/emoji.min.css) also contains the styles from the demo page (css/styles.css). Therefore, elements like body background and h1 are altered. Please remove this from the minified version.