Submitted by ufku on Sat, 07/04/2007 - 21:36

Although BUEditor is a Drupal project, it is also avaliable to be used in non-drupal sites or in Drupal without enabling it as a module.

To run BUEditor (5.x) in a page, you should:

  1. Include bueditor.css as a stylesheet
  2. Include bueditor.js and optionally js files in library folder to use the functions defined by them.
  3. define editor.path (editor folder path relative to the page)
  4. define editor.buttons (an array including editor buttons.)
  5. assign the class name "editor-textarea" to any textarea that should be processed. You can also use editor.processTextarea(T) method any time, where the T is the textarea object

editor.buttons is an array of arrays having the structure;
editor.buttons = [ [button-1], [button-2], ..., [button-N] ];
and each button is an array consisting of title, content, icon(caption), accesskey in order.
editor.buttons = [ [title-1, content-1, icon-1, key-1], ..., [title-N, content-N, icon-N, key-N] ];

An example page header to run BUEditor:

<style type="text/css" media="all">@import "/bueditor/bueditor.css";</style>
<script type="text/javascript" src="/bueditor/bueditor.js"></script>
<script type="text/javascript" src="/bueditor/library/default_buttons_functions.js"></script>
<script type="text/javascript">
editor.path = '/bueditor/';//required for displaying the icons in icons folder.
editor.buttons = [
  ['Bold', '<strong>%TEXT%</strong>', 'bold.png', 'B'], //Bold
  ['Italic', '<em>%TEXT%</em>', 'italic.png', 'I'], //Italic
  ['Preview', 'js: eDefPreview();', 'preview.png', 'P'] //Preview
];
</script>

»

Hi I would like to use

Submitted by Sergio (not verified) on Thu, 30/10/2008 - 00:46.

Hi
I would like to use Bueditor in my own webpage, but I not use drupal, could you publish a full example of implementing Bueditor in a php or html page?
I have tried to do it by myself with no success.
many thanks

hello, I want to use the

Submitted by alain (not verified) on Tue, 26/04/2011 - 14:29.

hello,
I want to use the latest version of bueditor which is an excellent editor but my site is not a drupal site
Can you give me instructions to install the latest version
with thanks

Latest version of BUEditor

Submitted by ufku on Wed, 27/04/2011 - 13:51.

Latest version of BUEditor wouldn't run outside of Drupal.
You can download 5.x version from drupal.org and apply the instructions above in order to use it.

Hi, I'm trying to implement

Submitted by Irinel (not verified) on Fri, 07/10/2011 - 15:03.

Hi,
I'm trying to implement this editor for a mobile website, non-drupal. But i would like to add imce as well. Do you know if it's possible to do this...or are there any other upload plugins available for the standalone version? Many thanks!

Unfortunately, IMCE won't

Submitted by ufku on Sat, 08/10/2011 - 03:50.

Unfortunately, IMCE won't work outside of Drupal.

Hi, I have tried to do the

Submitted by Anonymous (not verified) on Wed, 02/11/2011 - 09:48.

Hi,

I have tried to do the following without success. I have a folder with an html file and the bueditor (version 5.12) folder inside it. Here is my code in the html file:

@import "/bueditor/bueditor.css";

editor.path = '/bueditor/';//required for displaying the icons in icons folder.
editor.buttons = [
['Bold', '%TEXT%', 'bold.png', 'B'], //Bold
['Italic', '%TEXT%', 'italic.png', 'I'], //Italic
['Preview', 'js: eDefPreview();', 'preview.png', 'P'] //Preview
];

Input:
//put input here

But the bueditor functionality is not working.. Any ideas, or is there another editor like bueditor I could use that doesn't require drupal?

Under supervision of Drupal :)