Friday, June 18th, 2010
Inline content assist for text fields and areas
Category: Component, JavaScript
, Library
It calculates precise position of characters in <textarea> or <input> tag and places completion proposals popup under it. You can explicitly call popup window to assist/replace word (depends on caret position) with Ctrl+Space (buggy in Firefox and Opera) or Alt+Space (buggy in Opera). The project is based on Eclipse IDE's content assist architecture, it has some common class names and methods. The default implementation works with fixed words vocabulary, but developers can easily modify or extend some classes to match their needs.
The API is easy to use. For example:
JAVASCRIPT:
-
-
var words = 'after,any,also,around,another,ask,again,air,away,animal,answer,america,awesome,amazing'.split(',');
-
new BasicContentAssist(document.getElementById('input'), words, {visible_items: 5});
-
Related Content:
- Convert rich text field contents to standard text
This tip describes converting rich text field contents to standard text.... - Create Html Text Areas Easily Without Rich Text
3 rating from 1 votes
You might want to escape your <textarea>… :)
Wow, this could be put to some really cool use! *gears start turning*
Would love to see how this works with a full dictionary lookup behind it. I wonder if there are plans to support remote lookups, as loading an entire dictionary in javascript probably isn’t feasible.
This is really cool! I added a CSS plugin for the content assist – not too advanced, but just something that I thought would be neat after seeing it.
The demo is here: http://briangrinstead.com/files/content-assist
This would be a nice add on to phpMyAdmin for writing queries with table and field name autocomplete.