input-bubbles
Version:
Adding text bubbles into HTML elements with typesetting
33 lines (26 loc) • 812 B
HTML
<html lang="ru_RU" xmlns="http://www.w3.org/1999/html">
<head>
<title>Input Bubbles</title>
<link type="text/css" rel="stylesheet" href="../dist/css/input-bubbles.min.css">
</head>
<body>
<div id="bubbleWrapper"></div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="../dist/js/input-bubbles.min.js"></script>
<script>
var bubbles = inputBubbles({
element: document.getElementById('bubbleWrapper'),
width: 500,
height: 50,
separator: [',', ';'],
bubbleTextWidth: 70,
placeholder: 'My placeholder is here',
placeholderClass: 'my-class'
});
$('#bubbleWrapper').inputBubbles('on', 'click', function(event) {
console.log(event);
});
</script>
</body>
</html>