diy / jquery-emojiarea Goto Github PK
View Code? Open in Web Editor NEWA rich textarea control that supports emojis, WYSIWYG-style.
A rich textarea control that supports emojis, WYSIWYG-style.
Hi,
Can .emoji-wysiwyg-editor turn readonly?
Thanks,
Yair
I downloaded this plugin and noticed three things:
.emoji-menu div {
overflow-x: hidden;
overflow-y: auto;
}
I quite like this plugin in, nice job ๐
If you have the same image for many smiley (i. e. ':)' and ':-)'), emoji-menu has duplicate entries.
To avoid this, I changed your code.
Here if you want to integrate this feature:
var filenames = [];
for (var key in options) {
if (options.hasOwnProperty(key)) {
var filename = options[key];
var alreadyExists = ($.inArray(filename, filenames) > -1);
if (!alreadyExists) {
filenames.push(filename);
html.push('<a href="javascript:void(0)" title="' + util.htmlEntities(key) + '">' + EmojiArea.createIcon(key) + '<span class="label">' + util.htmlEntities(key) + '</span></a>');
}
}
}
When running JQuery's val() function on a emojiarea, the div is not affected. For example, $("textarea").val(''); does not clear the div.
A workaround can be used: $(".emoji-wysiwyg-editor").html('');
Thanks for plugin. How i can download jQuery emojiarea plugin with bower package manager.
this script creates contenteditable div inside the page and when the user still editing this layer and press space key the page scrolling down!
I use this
$(document).on("keypress", function(e) { var $focusElem = $(":focus"); if(e.which == 32 && ($focusElem.is("input") || $focusElem.attr("contenteditable") == "true")){ e.preventDefault(); } });
but the page still scrolling down!
Is there a way to render emoji as you type? So when you type ๐ , the contenteditable div will rerender the text into smile emoji?
Focusing on a textarea that has been converted to emojiarea does not work:
$("#my-textarea").focus();
Can i add two or more emojis textboxes in the same page ?
hi, recently we want to add your lib on https://cdnjs.com, but we need a version number for each lib, can we regard this lib as version 1.0.0 ? or do you have any idea?
thank you very much!
I want that the user writes in the textarea and if he write a smiley that the plugin render it live in the textarea, anyway to do this? (Maybe he write :-) and the smiley cooming..)
allow to readonly textarea
What am I getting wrong?
EmojiArea.createIcon = function (group, emojiName) { var filename = $.emojiarea.icons[group]['icons'][emojiName]; return '<img class="emoji emoji-" src="data-emoji:../../images/sprites/emoji.png"' + filename + '" alt="' + util.htmlEntities(emojiName) + '">'; };
Hi,
the value of the textarea placeholder attribute should be cloned to the div.emoji-wysiwyg-editor
.
Regards
Philip
I have a field that I would like to include only 1 emoji and that's it. However the current function appends the textarea/field. Is there an easy way to overwrite the field with only the new value?
I am not sure how this plug in works honestly, but lets say you have <textarea>value</textarea>
if you set value to be <script>alert("test");</script> which is a script code but encoded to prevent js injection, then it gets transformed and excecuted, this one just alerts test.
I have made a fiddle as proof https://jsfiddle.net/1tkpcjbq/
I want popup bottom 0. But is default is top:0 can i change this ?
When using CTRL+CMD+SPACE on a mac to paste an emoji from the mac utilities the emoji will be shown as black outline character. Only clue how to solve this?
Hi there
I've used your lib in my project but had two issues. HTML was not escaped (content was cut on first HTML tag as it was rendered by the browser) and the new lines were not preserved.
Here is my solution - maybe you would like to introduce this fix in the main repo:
In EmojiArea_WYSIWYG
function I've changed
var html = this.$editor.text();
to
var html = this.$editor.html();
to preserve content when sharp parenthesis are used (mostly HTML).
Now, as we switch here from <textarea>
to content editable <div>
, new lines must be presented in HTML to be saved, hence additional line just under the previous one:
html = html.replace(/\n/g, '<br>');
Hope it helps.
Cheers
Is it possible to have a space inserted right after the emoji has been added?
Thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.