ACBox library implements an autocomplete box that can be used in tag completion, function completion or any other auto-complete purposes. When a box triggering string is typed in the textarea, the corresponding ACBox appears at the cursor position. It contains some predefined choices that can be navigated and selected by keyboard or by mouse.

ACBox comes with a predefined box suggesting some HTML tags. Try the demo by typing  < 

Library files:

  1. bue.autocomplete.js (included in %BUEDITOR/library/bue.min.all.js)
  2. bue.seloffset.js
  3. bue.acbox.js
  4. bue.acbox.css

Documentation:

//Define a new ACBox
E.ACBoxAdd({
  trigger: BOX_TRIGGERING_STRING,//required. ex: '<'
  list: ARRAY_OF_AC_STRINGS,//required. ex: ['a>|</a>', 'b>|</b>']
  delay: MILLISECONDS_BETWEEN_TRIGGER_AND_SHOWUP,//defaults to 800
  domid: HTML_ID_OF_THE_BOX//not required. you may set an id for the box.
});

//Modify an existing ACBox
E.ACBox[BOX_TRIGGERING_STRING].list = NEW_ARRAY_OF_AC_STRINGS;

//Other methods: E.ACBoxRemove(TRIGGER), E.ACBoxOpen(TRIGGER)

Example template button(tpl: in title) that alters the default ACBox:

js:
BUE.postprocess._myacbox = function(E, $) {
  E.ACBox['<'].list = ['a href="|"></a>', 'em>|</em>', 'code>\n|\n</code>'];
};

Example template button(tpl: in title) that adds an ACBox for BBCode tags:

js:
BUE.postprocess._myacbox1 = function(E, $) {
  E.ACBoxAdd({
    trigger: '[',
    list: ['url]|[/url]', 'img]|[/img]', 'b]|[/b]', 'i]|[/i]', 'u]|[/u]', 's]|[/s]', 'quote]|[/quote]', 'code]|[/code]', 'color=|][/color]', 'left]|[/left]', 'center]|[/center]', 'right]|[/right]']
  });
  //Optionally remove the default ACBox
  //E.ACBoxRemove('<');
};
»

is it not working with drupal

Submitted by Anonymous (not verified) on Mon, 30/08/2010 - 01:14.

is it not working with drupal 6.19

pls help
i uploaded all files.
and make all setting

Check the page source and

Submitted by ufku on Mon, 30/08/2010 - 06:19.

Check the page source and make sure all library files loaded correctly.
Use Firebug if possible.

thank you for reply. can you

Submitted by Anonymous (not verified) on Mon, 30/08/2010 - 08:32.

thank you for reply.

can you tell me how to use this code ?

//Define a new ACBox
E.ACBoxAdd({
  trigger: BOX_TRIGGERING_STRING,//required. ex: '<'
  list: ARRAY_OF_AC_STRINGS,//required. ex: ['a>|</a>', 'b>|</b>']
  delay: MILLISECONDS_BETWEEN_TRIGGER_AND_SHOWUP,//defaults to 800
  domid: HTML_ID_OF_THE_BOX//not required. you may set an id for the box.
});

//Modify an existing ACBox
E.ACBox[BOX_TRIGGERING_STRING].list = NEW_ARRAY_OF_AC_STRINGS;

//Other methods: E.ACBoxRemove(TRIGGER), E.ACBoxOpen(TRIGGER)

i am new user, pls help.

thank you its & color button

Submitted by Anonymous (not verified) on Mon, 30/08/2010 - 13:14.

thank you its & color button working fine now !
there was my mistek :)

hi, this button working fine

Submitted by Anonymous (not verified) on Tue, 31/08/2010 - 11:02.

hi,

this button working fine wit firefox & google crome but this is not working with IE.

:(

Please use IE7 or later

Submitted by ufku on Fri, 03/09/2010 - 05:25.

Please use IE7 or later versions.

Under supervision of Drupal :)