Alexey Dudka

Prettytextfield - jQuery plugin for sipmle creationg pretty and customizable text field with charcounter and smiles (emoji)


Main prettytextfield advantages:

  • lightweight and customizable
  • has adaptive desing, good decision for mobile site versions
  • You can create in quick way pretty comment field for your site
  • Creation text fild with emojis on any platform

Example (set emoji to text in page):


test text πŸ˜₯πŸ™ŠπŸ™‰πŸ™ˆ
test textπŸΆπŸ•πŸ•πŸŒš
test textπŸ§πŸ•πŸ•πŸ•

Example (create text filed):





$.prettytextfield({
    textcontainer: ".text",
    showtextcontainer: ".textshow"
});


Settings
textcontainer Text writing container class or id
showtextcontainer Container with text on page class or id
activetab Active emojis tab by default. By default "popular-emojis", variants: symbols,animals-and-nature,food-and-drink,activity-and-sports,travel-and-places,objects,flags
showintabscontainer Watch show in tab container svg icons or font, by default "auto", variants: symbol, svg
pathtosvgicons You can type path to svg icons, by default "src/icons/"
showintextcontainer Watch show in page container svg icons or font, by default "auto", variants: symbol, svg
textcontainerheight Write text container height, by default "300px"
textcontainerwidth Write text container width, by default "100%"
charcounter Show char counter, by default "true"
charcounterallowed Chat counter max allowed symbols, by default 1500
charcounterwarning Chat counter warning symbols, by default 25
charcounterclassWarning Chat counter warning class, by default "warning"
charcounterclassExceeded Chat counter max allowed class, by default "exceeded"
charcountershowTemplatestandart Char counter template, by default '<span></span> symbols left'
charcountershowTemplatewarning Char counter max allowed template, by default '<span></span> symbols left'
charcountershowTemplateexceeded Char counter warning template, by default '<span></span> symbols left'
Callbacks
charcountertoManyChar Fired when max allowed symbols
charcountercurrentAllowedCharCount Fired when allowed symbols count change
charcountercurrentchange Fired when symbols count change
oninitfinish Plugin init finished

Plugins

  • Mobilepopup - jQuery pop-up plugin
  • Prettytextfield - jQuery plugin, sipmle creationg of text field with charcounter and smiles (emoji)