Gecko [ www.thearyasamaj.org ]

Name	Size	Permission
Extended.html	12.36 KB	-rw-r--r--
custom.css	1.65 KB	-rw-r--r--
dynamic.css	1.32 KB	-rw-r--r--
ext_example-body.html	9.27 KB	-rw-r--r--
ext_example-dest.php	751 B	-rw-r--r--
ext_example-menu.php	12.42 KB	-rw-r--r--
full_example.css	1.81 KB	-rw-r--r--
stylist.css	785 B	-rw-r--r--

Code Editor : ext_example-body.html

<!DOCTYPE BHTML PUBLIC "-//BC//DTD BHTML 3.2 Final//EN">
<html>
<head>

<script type="text/javascript" src="../../XinhaCore.js"></script>

xinha_init = xinha_init ? xinha_init : function() {
      window.onerror = showError;
      document.onerror = showError;

var f = top.frames["menu"].document.forms["fsettings"];
      _editor_lang = f.lang[f.lang.selectedIndex].value; // the language we need to use in the editor.
      _editor_skin = f.skin[f.skin.selectedIndex].value; // the skin we use in the editor
// 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 = [ ];
      for(var x = 0; x < f.plugins.length; x++) {
        if(f.plugins[x].checked) xinha_plugins.push(f.plugins[x].value);
      }

// THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING  :)
      if(!Xinha.loadPlugins(xinha_plugins, xinha_init)) return;

// What are the names of the textareas you will be turning into editors?
      var num = 1;
      num = parseInt(f.num.value);
      if(isNaN(num)) {
        num = 1;
        f.num.value = 1;
      }
      var dest = document.getElementById("editors_here");
      var lipsum = window.parent.menu.document.getElementById('myTextarea0').value;

xinha_editors = [ ]
      for(var x = 0; x < num; x++) {
        var ta = 'myTextarea' + x;
        xinha_editors.push(ta);

var div = document.createElement('div');
        div.className = 'area_holder';

var txta = document.createElement('textarea');
        txta.id   = ta;
        txta.name = ta;
        txta.value = lipsum;
        txta.style.width="100%";
        txta.style.height="420px";

div.appendChild(txta);
        dest.appendChild(div);
      }

// Create a default configuration to be used by all the editors.
      settings = top.frames["menu"].settings;
      xinha_config = new Xinha.Config();
      xinha_config.width = settings.width;
      xinha_config.height = settings.height;
      xinha_config.sizeIncludesBars = settings.sizeIncludesBars;
      xinha_config.sizeIncludesPanels = settings.sizeIncludesPanels;
      xinha_config.statusBar = settings.statusBar;
      xinha_config.htmlareaPaste = settings.htmlareaPaste;
      xinha_config.mozParaHandler = settings.mozParaHandler;
      xinha_config.getHtmlMethod = settings.getHtmlMethod;
      xinha_config.undoSteps = settings.undoSteps;
      xinha_config.undoTimeout = settings.undoTimeout;
      xinha_config.changeJustifyWithDirection = settings.changeJustifyWithDirection;
      xinha_config.fullPage = settings.fullPage;
      xinha_config.pageStyle = settings.pageStyle;
      xinha_config.baseHref = settings.baseHref;
      xinha_config.expandRelativeUrl = settings.expandRelativeUrl;
      xinha_config.stripBaseHref = settings.stripBaseHref;
      xinha_config.stripSelfNamedAnchors = settings.stripSelfNamedAnchors;
      xinha_config.only7BitPrintablesInURLs = settings.only7BitPrintablesInURLs;
      xinha_config.sevenBitClean = settings.sevenBitClean;
      xinha_config.killWordOnPaste = settings.killWordOnPaste;
      xinha_config.makeLinkShowsTarget = settings.makeLinkShowsTarget;
      xinha_config.flowToolbars = settings.flowToolbars;
      xinha_config.stripScripts = settings.stripScripts;
      xinha_config.flowToolbars = settings.flowToolbars;
      xinha_config.showLoading = settings.showLoading;
      xinha_config.pageStyleSheets = ["full_example.css"];

// Create a default configuration for the plugins
      if (typeof CharCounter != 'undefined') {
        xinha_config.CharCounter.showChar = settings.showChar;
        xinha_config.CharCounter.showWord = settings.showWord;
        xinha_config.CharCounter.showHtml = settings.showHtml;
      }

if(typeof CharacterMap != 'undefined') xinha_config.CharacterMap.mode = settings.CharacterMapMode;
      if(typeof ListType != 'undefined') xinha_config.ListType.mode = settings.ListTypeMode;
      if(typeof CSS != 'undefined') xinha_config.pageStyle = xinha_config.pageStyle + "\n" + "@import url(custom.css);";
      if(typeof DynamicCSS != 'undefined') xinha_config.pageStyle = "@import url(dynamic.css);";
      if(typeof Filter != 'undefined') xinha_config.Filters = ["Word", "Paragraph"];

if(typeof Stylist != 'undefined') {
        // We can load an external stylesheet like this - NOTE : YOU MUST GIVE AN ABSOLUTE URL
        //  otherwise it won't work!
        xinha_config.stylistLoadStylesheet(document.location.href.replace(/[^\/]*\.html/, 'stylist.css'));

// Or we can load styles directly
        xinha_config.stylistLoadStyles('p.red_text { color:red }');

// If you want to provide "friendly" names you can do so like
        // (you can do this for stylistLoadStylesheet as well)
        xinha_config.stylistLoadStyles('p.pink_text { color:pink }', {'p.pink_text' : 'Pretty Pink'});
      }

if(typeof InsertWords != 'undefined') {
        // Register the keyword/replacement list
        var keywrds1 = new Object();
        var keywrds2 = new Object();

keywrds1['-- Dropdown Label --'] = '';
        keywrds1['onekey'] = 'onevalue';
        keywrds1['twokey'] = 'twovalue';
        keywrds1['threekey'] = 'threevalue';

keywrds2['-- Insert Keyword --'] = '';
        keywrds2['Username'] = '%user%';
        keywrds2['Last login date'] = '%last_login%';
        xinha_config.InsertWords = {
          combos : [ { options: keywrds1, context: "body" },
                     { options: keywrds2, context: "li" } ]
        }
      }

// First create editors for the textareas.
// You can do this in two ways, either
//   xinha_editors   = Xinha.makeEditors(xinha_editors, xinha_config, xinha_plugins);
// if you want all the editor objects to use the same set of plugins, OR;
//   xinha_editors = Xinha.makeEditors(xinha_editors, xinha_config);
//   xinha_editors['myTextarea0'].registerPlugins(['Stylist']);
//   xinha_editors['myTextarea1'].registerPlugins(['CSS','SuperClean']);
// if you want to use a different set of plugins for one or more of the editors.
      xinha_editors = Xinha.makeEditors(xinha_editors, xinha_config, xinha_plugins);

// 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['myTextarea0'].config.width  = '640px';
//   xinha_editors['myTextarea0'].config.height = '480px';

// Finally we "start" the editors, this turns the textareas into Xinha editors.
      Xinha.startEditors(xinha_editors);
    }

// javascript submit handler
// this shows how to create a javascript submit button that works with the htmleditor.
    submitHandler = function(formname) {
      var form = document.getElementById(formname);
      // in order for the submit to work both of these methods have to be called.
      form.onsubmit();
      window.parent.menu.document.getElementById('myTextarea0').value = document.getElementById('myTextarea0').value;
      form.submit();
      return true;
    }

window.onload = xinha_init;
//    window.onunload = Xinha.collectGarbageForIE;
  </script>
</head>

<body>
  <form id="to_submit" name="to_submit" method="post" action="ext_example-dest.php">
  <div id="editors_here"></div>
  <button type="button" onclick="submitHandler('to_submit');">Submit</button>
  <textarea id="errors" name="errors" style="width:100%; height:100px; background:silver;"></textarea>
  </form>
</body>
</html>

${this.title}

Code Editor : ext_example-body.html