luatnd / jquery-mentiony Goto Github PK
View Code? Open in Web Editor NEWjQuery plugin for making @mention feature - work exactly the same as Facebook, using contenteditable. Transform textarea/input into contenteditable.
License: MIT License
jQuery plugin for making @mention feature - work exactly the same as Facebook, using contenteditable. Transform textarea/input into contenteditable.
License: MIT License
any idea how to add placeholder ?
Is it possible to not remove white spaces and line breaks? I tried commenting them out in the script but then submitting the textarea stopped working.
Hi, thank you for your work.
Are you stils maintaining this repo?
It seems it does not work on firefox (tested the demo page https://luatnd.github.io/jquery-mentiony/ and my implementation)
Any idea why?
Even the demo page provided: https://luatnd.github.io/jquery-mentiony/ does not work correctly on at least Internet Explorer 11.
When you type something, the original textarea that was mentiony'd is not updated with the correct input. When you use $("#myTextarea").val()
or $("#myTextarea")[0].value
it returns an empty string.
Any Idea how to force a new line by combination of ALT and enter keys?
Thanks.
When try to use mentiony from the responsive browser it works fine but if access the same from MS-Teams mobile application it's not working. After digging out I observed key press event not getting fire.
Is there any solution for the same?
Currect implementation:
Popover is positioned from top with respect to its parent, whereas the cursor position is calculated withrespect to viewport and content box height is calculated w.r.t document.
Difference of cursor top position and content box top position hence is just some irrelevent term which places the box a random positions every time i scroll
I have include all file needed ot install that plug-in but the code below not work.
It gives me that error:
Uncaught ReferenceError: content is not defined at HTMLDivElement.onInputBoxInput
`$('#show_post_wall_modal').mentiony({
onDataRequest: function (mode, keyword, onDataRequestCompleteCallback) {
var mentiony___ = {
mentiony_: "mentiony"
}
$.ajax({
method: "Post",
url:'includes/profile_includes/func_infos.php',
dataType: "json",
success: function (response) {
var data = response;
// NOTE: Assuming this filter process was done on server-side
data = jQuery.grep(data, function( item ) {
return item.name.toLowerCase().indexOf(keyword.toLowerCase()) > -1;
});
// End server-side
// Call this to populate mention.
onDataRequestCompleteCallback.call(this, data);
},
data: JSON.stringify(mentiony___)
});
},
timeOut: 500, // Timeout to show mention after press @
debug: 1, // show debug info
});`
My other question does that plug-in compatible with https://github.com/mervick/emojionearea
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.