JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/ui-lightness/jquery-ui.css">
<div id="auto_c" contentEditable="true">
Line 1<br />
Line 2<br />
Line 3<br />
</div>
<textarea id="auto_t">
Line 1
Line 2
Line 3
</textarea>
CSS
#auto_c {
border: 1px solid #008;
padding: 3px;
min-height: 5em;
}
#auto_t {
border: 1px solid #080;
padding: 3px;
min-height: 5em;
}
JavaScript
$('#auto_c').autocomplete({
'source': [
'Foo',
'Bar'
]
});
$('#auto_t').autocomplete({
'source': [
'Foo',
'Bar'
]
});