Index.html

The index.html file:

It's very advisable to deliver xhtml instead of "just" html:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
{panel}
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{panel}
<html xmlns="http://www.w3.org/1999/xhtml">

{panel}
 <head>
{panel}

if you use namespaces in your document, you should them define here (or in Config.xml)

{panel}
  <meta name="bxeNS" content="xhtml=http://www.w3.org/1999/xhtml"/>
  <meta name="bxeNS" content="lenya=http://apache.org/cocoon/lenya/document/1.0"/>
  <meta name="bxeNS" content="dc=http://dc.org/2003/" />
  <meta name="bxeNS" content="unizh=http://unizh.ch/2003/" />
{panel}

These two lines are needed, you can of course add your own css (also possible in Config.xml)

{panel}
  <link rel="stylesheet" href="css/editor.css" type="text/css" />
  <script src="./bxeLoader.js" type="text/javascript"></script>
{panel}

you can add whatever you want additionally into the =head= part

{panel}
  <title>Bitflux Editor</title>
 </head>
{panel}

The onload handler is important, otherwise it won't start.
bxe_start can take 2 arguments. The first one is either the path to your config file or the name of the http-request param. The second one has to be true, if it's a http-request parameter.

The example below loads the config.xml from the inc directory. With a request parameter it would look: bxe_start('config',true); and your uri should then be :
http://example.com/bxe/?config=path/to/config.xml

{panel}
 <body onload="bxe_start('inc/config.xml',false)">
{panel}

XSLT

*This is somewhat outdated, we do not recommend XSLT right now, but the Inline HTML Method, see LoadingLayout#Inline_HTML_method for more details *

BXE has to know, where to put the output of your xsl-transformation, therefore you have to make an element with the id bxe_area. You can put more elements around this element, but the id="bxe_area" element will disappear after loading and replaced with the output of your xsl-transformation

{panel}
  <!-- the following div element will be replaced -->
  <div id="bxe_area"></div>
 </body>
{panel}
</html>

Index.html

XSLT

Labels: