Xinha Discussion Forum

Never being lucky with this matter, I turned to stripping the baseURL server-side

Hello Audrey,
xinha, or HTMLArea (the original program) was made to do exactly this: replace a textarea in a form.
My humble opinion--this is the elegant solution as opposed to just clutching some javascript in the page. You need the form anyway to get the stuff to the server, don't you?

Hi Rolf!

You can easily customize your toolbar.
Just define the toolbar variable inside your configuration file and edit the array to suit your needs (STEP 3 in the Newbie Guide).
xinha_config.toolbar =
  [
    ["popupeditor"],
    ["separator","formatblock","fontname","fontsize","bold","italic","underline","strikethrough"],
    ["separator","forecolor","hilitecolor","textindicator"],
    ["separator","subscript","superscript"],
    ["linebreak","separator","justifyleft","justifycenter","justifyright","justifyfull"],
    ["separator","insertorderedlist","insertunorderedlist","outdent","indent"],
    ["separator","inserthorizontalrule","createlink","insertimage","inserttable"],
    ["separator","undo","redo","selectall","print"], (HTMLArea.is_gecko ? [] : ["cut","copy","paste","overwrite","saveas"]),
    ["separator","killword","clearfonts","removeformat","toggleborders","splitblock","lefttoright", "righttoleft"],
    ["separator","htmlmode","showhelp","about"]
  ];

1. You have to use the absolute path from your server root (like the browser sees it), not the filesystem path.
2. I can confirm Stylist is a little picky, e.g I could not load a editor.css until I renamed it

oh, looks like creating the button is the least of your tasks   I suggest you grab one of the simpler plugins (one that has a popup) and tweak it to do what you need

You must call document.myform.onsubmit() before submit().

You can also try my new plugin which i incidentally just got ready  http://xinha.python-hosting.com/ticket/628

nice idea. you should make a plugin out of this

one deeper question: anyone bother  explaining the difference between InnerHTML ond OuterHTML?
I´m afraid I don´t quite get the concept..

There´s a function for this in Xinha

/** Helper function: register a new button with the configuration.  It can be
 * called with all 5 arguments, or with only one (first one).  When called with
 * only one argument it must be an object with the following properties: id,
 * tooltip, image, textMode, action.  Examples:
 *
 * 1. config.registerButton("my-hilite", "Hilite text", "my-hilite.gif", false, function(editor) {...});
 * 2. config.registerButton({
 *      id       : "my-hilite",      // the ID of your button
 *      tooltip  : "Hilite text",    // the tooltip
 *      image    : "my-hilite.gif",  // image to be displayed in the toolbar
 *      textMode : false,            // disabled in text mode
 *      action   : function(editor) { // called when the button is clicked
 *                   editor.surroundHTML('<span class="hilite">', '</span>');
 *                 },
 *      context  : "p"               // will be disabled if outside a <p> element
 *    });
 */

I used it like this for making a "save"-button:

xinha_config.registerButton("save_submit", "Speichern", [_editor_url+"images/ed_buttons_main.gif",9,1], false, function() {document.getElementById("editor_form").onsubmit();document.getElementById("editor_form").submit()});
    
    xinha_config.toolbar =
     [
        ["save_submit",  ....