Opened 15 years ago

Closed 15 years ago

#425 closed defect (fixed)

HTMLarea not defined

Reported by: anonymous Owned by: akaEdge
Priority: normal Milestone:
Component: Documentation Version:
Severity: normal Keywords:


Below you will see the entire contents of the page im trying to get working with Xinha, I tried hard to not muss anything up but im getting the error htmlarea not defined when I run the page. the php code works fine cause the boxes are being populated with the data as I would expect them to. I used the newbie guy to try and get this working.


$dbh=mysql_connect ("localhost", "userid928912", "thepasswordisnotdisplayed!") or die ('I cannot connect to the database because: ' .
mysql_select_db ("dbdbdbdbd");
$query=mysql_query("SELECT * FROM tablero where id = 1");

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example of Xinha</title>
<link rel="stylesheet" href="xinha/full_example.css" />

<script type="text/javascript">

_editor_url = "../xinha")
_editor_lang = "en"; And the language we need to use in the editor.


<!-- Load up the actual editor core -->
<script type="text/javascript" src="../htmlarea.js"></script>

<script type="text/javascript">

xinha_editors = null;
xinha_init = null;
xinha_config = null;
xinha_plugins = null;

This contains the names of textareas we will make into Xinha editors
xinha_init = xinha_init ? xinha_init : function()

/ STEP 1 *

  • First, what are the plugins you will be using in the editors on this
  • page. List all the plugins you will need, even if not all the editors
  • will use all the plugins. /

xinha_plugins = xinha_plugins ? xinha_plugins :



if(!HTMLArea.loadPlugins(xinha_plugins, xinha_init)) return;

/ STEP 2 *

  • Now, what are the names of the textareas you will be turning into
  • editors? /

xinha_editors = xinha_editors ? xinha_editors :



/ STEP 3 *

  • We create a default configuration to be used by all the editors.
  • If you wish to configure some of the editors differently this will be
  • done in step 5. *
  • If you want to modify the default config you might do something like this. *
  • xinha_config = new HTMLArea.Config();
  • xinha_config.width = '640px';
  • xinha_config.height = '420px'; * */

xinha_config = xinha_config ? xinha_config() : new HTMLArea.Config();

/ STEP 4 *

  • We first create editors for the textareas. *
  • You can do this in two ways, either *
  • xinha_editors = HTMLArea.makeEditors(xinha_editors, xinha_config, xinha_plugins); *
  • if you want all the editor objects to use the same set of plugins, OR; *
  • xinha_editors = HTMLArea.makeEditors(xinha_editors, xinha_config);
  • xinha_editorsmyTextArea?.registerPlugins(['Stylist','FullScreen?']);
  • xinha_editorsanotherOne?.registerPlugins(['CSS','SuperClean?']); *
  • if you want to use a different set of plugins for one or more of the
  • editors. /

xinha_editors = HTMLArea.makeEditors(xinha_editors, xinha_config, xinha_plugins);

/ STEP 5 *

  • If you want to change the configuration variables of any of the
  • editors, this is the place to do that, for example you might want to
  • change the width and height of one of the editors, like this... *
  • xinha_editors.myTextArea.config.width = '640px';
  • xinha_editors.myTextArea.config.height = '480px'; * /

/ STEP 6 *

  • Finally we "start" the editors, this turns the textareas into
  • Xinha editors. /



window.onload = xinha_init;

<!--link type="text/css" rel="alternate stylesheet" title="blue-look" href="..xinha/skins/blue-look/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="green-look" href="..xinha/skins/green-look/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="xp-blue" href="..xinha/skins/xp-blue/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="xp-green" href="..xinha/skins/xp-green/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="inditreuse" href="..xinha/skins/inditreuse/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="blue-metallic" href="..xinha/skins/blue-metallic/skin.css" /-->



<form id="editors_here">

<textarea id="welcome" name="welcome" rows="10" cols="80" style="width:100%"><? echo $welcome; ?></textarea>
<textarea id="hpc" name="hpc" rows="10" cols="80" style="width:100%"><? echo $hpc; ?></textarea>



Change History (2)

comment:1 Changed 15 years ago by gocher


    <script type="text/javascript">
        _editor_url = "../xinha/";
        _editor_lang = "en";

    <!-- Load up the actual editor core --> 
    <script type="text/javascript" src="../xinha/htmlarea.js"></script>

comment:2 Changed 15 years ago by gocher

  • Resolution set to fixed
  • Status changed from new to closed

reopen if it don't work

Note: See TracTickets for help on using tickets.