/*
KOIVI TTW WYSIWYG Editor Copyright (C) 2005 Justin Koivisto
Version 4.0b3
Last Modified: 4/3/2006
This library is free software; you can redistribute it and/or modify it
under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation; either version 2.1 of the License, or (at
your option) any later version.
This library is distributed in the hope that it will be useful, but
WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public
License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this library; if not, write to the Free Software Foundation,
Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
Full license agreement notice can be found in the LICENSE file contained
within this distribution package.
Justin Koivisto
justin.koivisto@gmail.com
http://koivi.com
*/
/**
* WYSIWYG_Editor
*
* Class constructor. Configures and displays the editor object according to values passed
* This is an implementation of OO-Javascript based on my previous editor, now with object
* detection instead of using any kind of browser sniffing at all. Makes for larger source,
* is easier to maintain, and any browsers that suddenly get support for this will automatically
* work without modification to this file.
*
* @param instance_name string the name of the variable you assigned to this instance ( example: myEdt = new WYSIWYG_Editor('myEdt'); )
* also used as the basis for the name and id attributes for this editor instance in the HTML (hidden input and iframe)
* @param content string a string of the content to display in the editor.
* @param path string the URI path to this directory to use for editor components (pallete, iamges, etc.)
* @param fwidth int the width in pixels of the editor interface on the screen
* @param fheight int the height in pixels of the editor interface on the screen
* @param styleHref string the URI of the stylesheet to use for the editor's content window
* @param spellCheckPath string the URI of the spellerpages install
**/
function WYSIWYG_Editor(instance_name, content, path, fwidth, fheight, styleHref, spellCheckPath, langModule){
// for each of the passed parameters, we need to be sure they are defined, or we will use a default value
// the name used to create the object - used to define the name of the field that contains the HTML on submission
if(typeof(instance_name)=='undefined' || instance_name==null){
alert("ERROR: No instance name was passed for the editor.");
return false;
}else{
this.instance_name=instance_name;
}
// the initial HTML source content for the editor
if(typeof(content)=='undefined' || content==null){
this.content='';
}else{
this.content=content;
}
// define the path to use for the editor components like images
if(typeof(path)=='undefined' || path==null){
this.wysiwyg_path='.'; // default value
}else{
path.replace(/[\/\\]$/,''); // remove trailing slashes
this.wysiwyg_path=path;
}
// define the pixel dimensions of the editor
if(typeof(fwidth)=='number' && Math.round(fwidth) > 50){
this.frame_width=Math.round(fwidth);
}else{
this.frame_width=525; // default width
}
if(typeof(fheight)=='number' && Math.round(fheight) > 50){
this.frame_height=Math.round(fheight);
}else{
this.frame_height=250; // default height
}
// define the stylesheet to use for the editor components like images
if(typeof(styleHref)=='undefined' || styleHref==null){
this.stylesheet=''; // default value
}else{
this.stylesheet=styleHref;
}
if(typeof(spellCheckPath)=='undefined' || spellCheckPath==null){
this.spell_path=''; // default value
}else{
// show spell check button requires Speller Pages (http://spellerpages.sourceforge.net/)
this.spell_path=spellCheckPath;
}
if(typeof(langModule)!='object' || langModule.LANGUAGE==null){
// this simply indicates that the language module was not sent to the constructor
// the alert has been removed because you can still set it my using something like:
// editor1.lang = WYSIWYG_Editor_Lang_EN;
// after you call the constructor.
// alert('Language module cannot be loaded');
}else{
// we're guessing that the passed langModule is what we are really looking for...
this.lang = langModule;
}
// choose which method you are going to use... there is php, ColdFusion and
// cgi/perl that comes with spellerpages you will need to customize that script.
// In this instance, the PHP script has been configured to accept settings
// via query string which is not supported by the default script provided as spellchecker.php
this.spellCheckScript = this.spell_path+'/server-scripts/spellchecker.php?spellercss='+this.spell_path+'/spellerStyle.css&word_win_src='+this.spell_path+'/wordWindow.js';
// properties that depended on the validated values above
this.wysiwyg_content=this.instance_name+'_WYSIWYG_Editor'; // the editor IFRMAE element id
this.wysiwyg_hidden=this.instance_name+'_content'; // the editor's hidden field to store the HTML in for the post
this.wysiwyg_speller=this.instance_name+'_speller'; // the editor's hidden textarea to store the HTML in for the spellchecker
this.ta_rows=Math.round(this.frame_height/15); // number of rows for textarea for unsupported browsers
this.ta_cols=Math.round(this.frame_width/8); // number of cols for textarea for unsupported browsers
// other property defaults
this.viewMode=1; // by default, set to design view
this._X = this._Y = 0; // these are used to determine mouse position when clicked
// the folloing properties are safe to set through the object variable, for example:
// var editor = new WYSIWYG_Editor('editor');
// editor.allow_mode_toggle = false;
// below are just the defaults that I use most of the time
// preview popup window size defaults
this.prevWin_width=640;
this.prevWin_height=480;
// insert table defaults
this.table_border = 1; // default border used when inserting tables
this.table_cell_padding = 3; // default cellpadding used when inserting tables
this.table_cell_spacing = 0; // default cellspacing used when inserting tables
// tool bar display
// row 1:
this.allow_mode_toggle = true; // allow users to switch to source code mode
this.web_toolbar1 = true; // buttons for add, remove hyperlinks
this.web_toolbar2 = true; // buttons for ordered, unordered lists
this.web_toolbar3 = true; // buttons for horizontal rule, insert table
this.web_toolbar4 = true; // buttons for insert image and save (submit form)
// row 2:
this.font_format_toolbar1 = true; // buttons for font family, size, and style
this.font_format_toolbar2 = true; // buttons for font color and background-color
this.font_format_toolbar3 = true; // buttons for bold, italic, underline
this.font_format_toolbar4 = true; // buttons for superscript, subscript
this.alignment_toolbar1 = true; // buttons for left, center, right, full justify
this.alignment_toolbar2 = true; // buttons for indent, outdent
// this button is not implemented on the version for koivi.com
// it is only currently available in WAFCMS (being developed as a
// proprietary CMS currently). If enabled, an insert-image button
// will appear in web_toolbar4 which calls the InsertImage method
// See http://koivi.com/WYSIWYG-Editor/SAMPLE-image_dialog.phps
// for an example of how this can work
this.image_button = true;
this.image_button = false;
// this makes a save icon that submits the form in web_toolbar4
this.save_button = true;
// this displays the button so the users can preview the content in a pop-up window
this.preview_button = true;
// this displays the button so the users can print the content that is in the editor
this.print_button = true;
// some minor things on how the editor's drop-down lists will display
this._select_fontFamily='sans-serif';
this._select_fontSize='9pt';
this._select_fontWeight='normal';
this._select_color='#000000';
this._select_backgroundColor='#ffffff';
// these are used in my custom CMS
this.web_toolbar4 = true; // show insert image and save buttons
this.imagePopUp = null; // used in the insertImage and addImage methods
this.site_path = this.wysiwyg_path; // default to what was passed, should be set in HTML
this.page_title = 'index'; // default to nothing, should be set in HTML
}
/**
* WYSIWYG_Editor::display
*
* Display the editor interface for the user
**/
WYSIWYG_Editor.prototype.display = function (){
this.supported=this.isSupported();
if(this.supported){
// the function requirements were tested in isSupported method...
this._display_editor();
this._load_content();
var thedoc = document.getElementById(this.wysiwyg_content).contentWindow.document;
thedoc.designMode='On';
// MSIE has caching problems...
// http://technet2.microsoft.com/WindowsServer/en/Library/8e06b837-0027-4f47-95d6-0a60579904bc1033.mspx
thedoc = document.getElementById(this.wysiwyg_content).contentWindow.document;
thedoc.open();
thedoc.write('');
if(this.stylesheet){
// must be done after the document has been opened
thedoc.write('');
}
thedoc.write('');
thedoc.write(this.content);
thedoc.write('');
thedoc.close();
}else{
this._display_textarea();
this._load_content();
}
}
/**
* WYSIWYG_Editor::_load_content
*
* Puts the passed content into the editor or textarea (Use this one *after* displaying the editor.)
*
* @param content string The string containing the properly-formatted HTML source to use
*/
WYSIWYG_Editor.prototype._load_content = function (){
if(document.getElementById
&& document.getElementById(this.wysiwyg_hidden)
){
document.getElementById(this.wysiwyg_hidden).value=this.content;
}else{
alert(this.lang.browser_not_supported + " Method: _load_content");
return false;
}
}
/**
* WYSIWYG_Editor::_display_textarea
*
* Used to display a substitute for the wysiwyg editor HTML interface to non-supported browsers
**/
WYSIWYG_Editor.prototype._display_textarea = function (){
if(document.write){
document.write('
'+this.lang.textarea_warning+'
');
document.write(' ');
}else{
alert(this.lang.browser_not_supported + " Method: _display_textarea");
return false;
}
}
/**
* WYSIWYG_Editor::_display_editor
*
* Used to display the actual wysiwyg editor HTML interface to supported browsers
**/
WYSIWYG_Editor.prototype._display_editor = function (){
if(document.write){
document.write('
');
document.write(' ');
document.write('
');
document.write('
');
document.write('
');
document.write('
');
document.write('
');
document.write('
');
document.write('
');
if(this.font_format_toolbar1){
var count=0;
document.write('
';
s = s + ' ';
return s;
}
/**
* WYSIWYG_Editor::isSupported
*
* Checks that the browser supports this programming by writing an invisible IFRAME and testing its properties
*/
WYSIWYG_Editor.prototype.isSupported = function () {
// This is to get rid of the browser UA check that was previously implemented for this class.
// should be called from somewhere in the body of the document for best results
if(document.write
&& document.getElementById){
// if this isn't displayed *somewhere*, safari can't get the ".contentWindow" property... shove it (hopefully) off-screen
document.write('');
test = typeof(document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow);
if(test == 'object'){
if( document.getElementById('WYSIWYG_Editor_Testing_Browser_Features')
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document.designMode
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document.open
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document.close
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document.write
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document.queryCommandEnabled
&& document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document.execCommand
){
// the iframe was put in here, now to turn on design mode and add some content!
testDoc=document.getElementById('WYSIWYG_Editor_Testing_Browser_Features').contentWindow.document;
testDoc.designMode='On';
testDoc.open();
testDoc.write('Some test content for feature sniffing.');
testDoc.close();
// of course, there is no easy way when working with MSIE...
if(testDoc.all){
this._sfontname = true;
this._sfontsize = true;
this._sformatblock = true;
this._sforecolor = true;
this._shilitecolor = true;
this._sbold = true;
this._sitalic = true;
this._sunderline = true;
this._ssuperscript = true;
this._ssubscript = true;
this._sjustifyleft = true;
this._sjustifycenter = true;
this._sjustifyright = true;
this._sjustifyfull = true;
this._sindent = true;
this._soutdent = true;
this._screatelink = true;
this._sunlink = true;
this._sinsertorderedlist = true;
this._sinsertunorderedlist = true;
this._sinserthorizontalrule = true;
return true;
}
// this is just temporary while I am doing some tests for safari...
// I want all the buttons to show up for now...
// also MSIE has some kind of problem with the tests below! I need to figure that out as well...
if( (/AppleWebKit/.test(window.navigator.userAgent) && /Safari/.test(window.navigator.userAgent)) ){
this._sfontname = true;
this._sfontsize = true;
this._sformatblock = true;
this._sforecolor = true;
this._shilitecolor = true;
this._sbackcolor = true;
this._sbold = true;
this._sitalic = true;
this._sunderline = true;
this._ssuperscript = true;
this._ssubscript = true;
this._sjustifyleft = true;
this._sjustifycenter = true;
this._sjustifyright = true;
this._sjustifyfull = true;
this._sindent = true;
this._soutdent = true;
this._screatelink = true;
this._sunlink = true;
this._sinsertorderedlist = true;
this._sinsertunorderedlist = true;
this._sinserthorizontalrule = true;
return true;
}
//let's do some feature sniffing so we know what buttons we can display for the user!
/*
here is a list of the commands that we will test:
fontname
fontsize
formatblock
forecolor
hilitecolor
backcolor
bold
italic
underline
superscript
subscript
justifyleft
justifycenter
justifyright
justifyfull
indent
outdent
createlink
unlink
insertorderedlist
insertunorderedlist
inserthorizontalrule
*/
if(testDoc.queryCommandEnabled('fontname')){
this._sfontname=true;
}else{
this._sfontname=false;
}
if(testDoc.queryCommandEnabled('fontsize')){
this._sfontsize=true;
}else{
this._sfontsize=false;
}
if(testDoc.queryCommandEnabled('formatblock')){
this._sformatblock=true;
}else{
this._sformatblock=false;
}
if(testDoc.queryCommandEnabled('forecolor')){
this._sforecolor=true;
}else{
this._sforecolor=false;
}
if(testDoc.queryCommandEnabled('hilitecolor')){
this._shilitecolor=true;
this._sbackcolor=false;
}else{
this._shilitecolor=false;
// need to test the alternate command name as well
if(testDoc.queryCommandEnabled('backcolor')){
this._sbackcolor=true;
}else{
this._sbackcolor=false;
}
}
if(testDoc.queryCommandEnabled('bold')){
this._sbold=true;
}else{
this._sbold=false;
}
if(testDoc.queryCommandEnabled('italic')){
this._sitalic=true;
}else{
this._sitalic=false;
}
if(testDoc.queryCommandEnabled('underline')){
this._sunderline=true;
}else{
this._sunderline=false;
}
if(testDoc.queryCommandEnabled('superscript')){
this._ssuperscript=true;
}else{
this._ssuperscript=false;
}
if(testDoc.queryCommandEnabled('subscript')){
this._ssubscript=true;
}else{
this._ssubscript=false;
}
if(testDoc.queryCommandEnabled('justifyleft')){
this._sjustifyleft=true;
}else{
this._sjustifyleft=false;
}
if(testDoc.queryCommandEnabled('justifycenter')){
this._sjustifycenter=true;
}else{
this._sjustifycenter=false;
}
if(testDoc.queryCommandEnabled('justifyright')){
this._sjustifyright=true;
}else{
this._sjustifyright=false;
}
if(testDoc.queryCommandEnabled('justifyfull')){
this._sjustifyfull=true;
}else{
this._sjustifyfull=false;
}
// for now, we assume that if indent is supported, so is outdent...
// otherwise, we'll need to work with ranges & indent something, then test if outdent works...
// looks like I might have to do that (select something) to get anything is safari to test true anyhow...
if(testDoc.queryCommandEnabled('indent')){
this._soutdent=true;
this._sindent=true;
}else{
this._sindent=false;
this._soutdent=false;
}
/*
if(testDoc.queryCommandEnabled('outdent')){
this._soutdent=true;
}else{
this._soutdent=false;
}
*/
if(testDoc.queryCommandEnabled('createlink')){
this._screatelink=true;
}else{
this._screatelink=false;
}
if(testDoc.queryCommandEnabled('unlink')){
this._sunlink=true;
}else{
this._sunlink=false;
}
if(testDoc.queryCommandEnabled('insertorderedlist')){
this._sinsertorderedlist=true;
}else{
this._sinsertorderedlist=false;
}
if(testDoc.queryCommandEnabled('insertunorderedlist')){
this._sinsertunorderedlist=true;
}else{
this._sinsertunorderedlist=false;
}
if(testDoc.queryCommandEnabled('inserthorizontalrule')){
this._sinserthorizontalrule=true;
}else{
this._sinserthorizontalrule=false;
}
return true;
}else{
return false;
}
}else{
return false;
}
}else{
return false;
}
}
/**
* WYSIWYG_Editor::preview
*
* Used open a pop-up window that allows the user to preview their page before they submit the form
**/
WYSIWYG_Editor.prototype.preview = function (){
var prevWin=window.open('','','width='+this.prevWin_width+',height='+this.prevWin_height+',resizable=1,scrollbars=yes');
var htmlCode=document.getElementById(this.wysiwyg_content).contentWindow.document.body.innerHTML;
prevWin.document.write(''+this.lang.content_preview+'');
if(this.stylesheet){
// must be done after the document has been opened
prevWin.document.write('');
}
prevWin.document.write('');
prevWin.document.write(htmlCode);
prevWin.document.write('');
prevWin.document.close();
return true;
}
/**
* WYSIWYG_Editor::print
*
* Print out the content currently in the editor
**/
WYSIWYG_Editor.prototype.print = function (){
document.getElementById(this.wysiwyg_content).contentWindow.focus();
document.getElementById(this.wysiwyg_content).contentWindow.print();
}
/*****
The following methods are used in my own custom CMS, but I have left them here for
reference purposes in the event that you too want to incorporate some of this
additional functionality.
*****/
/**********************************************************************************************************************************************************************/
/**
* WYSIWYG_Editor::insertImage
*
* Brings a pop-up window for the user to choose an image from to insert into the contents
* This is really only part of my custom CMS, but I left it here for reference if other people
* want to use a similar method.
*
* @param string popurl The URL of the page to open in the pop-up window
**/
WYSIWYG_Editor.prototype.insertImage = function (popurl){
if(typeof(popurl)=='undefined'){
// this is just a default case until I can get my all my CMS code bases updated...
this.imagePopUp=window.open(this.site_path+'/_include/back_end/image_dialog.php?page_title='+this.page_title,'','width=620,height=500,resizable=1,scrollbars=yes');
}
if(popurl!=''){
this.imagePopUp=window.open(popurl,'','width=620,height=500,resizable=1,scrollbars=yes');
}
// if it was defined as an empty string, just do nothing
// the button should not be displayed if that is the case
// that is only there in case I forget...
}
/**********************************************************************************************************************************************************************/
/**
* WYSIWYG_Editor::addImage
*
* Puts the image into the editor iframe (Called from the pop-up window that insertImage creates)
**/
WYSIWYG_Editor.prototype.addImage = function (thisimage){
if(this.imagePopUp && !this.imagePopUp.closed)
this.imagePopUp.close();
document.getElementById(this.wysiwyg_content).contentWindow.focus()
if(this.viewMode==1){
var x=document.getElementById(this.wysiwyg_content).contentWindow.document;
x.execCommand('insertimage', false, thisimage);
}
}
/**********************************************************************************************************************************************************************/
/**
* WYSIWYG_Editor::checkSpelling
*
* This method uses spellerpages 0.5.1 to check the spelling of our
* content area's HTML code... May not produce the results we really
* want, but it's better than not having any checking!
**/
WYSIWYG_Editor.prototype.checkSpelling = function (){
if(this.spell_path.length > 0){
/**
NOW I WOULD LIKE A WAY TO DYNAMICALLY INCLUDE THE JAVASCRIPT FILE HERE. (LIKE INCLUDE IN PHP)
OTHERWISE, YOU NEED TO INCLUDE THE JS FILE IN THE HTML PAGE. I WANT TO AVOID THAT IF POSSIBLE.
I WASN'T ABLE TO FIND A CLEAN WAY OF DOING SO, AND USING XMLHttpRequest DIDN'T WORK.
**/
if(typeof(spellChecker)!='undefined'){
// file is included, time to create an object to use
this.speller = new spellChecker(document.getElementById(this.wysiwyg_hidden));
if(typeof(this.speller)!='undefined'){
this.prepareSubmit(); // so that we are using the most updated code
this.speller.popUpUrl = this.spell_path+'/spellchecker.html';
this.speller.popUpName = 'spellchecker';
//this.speller.popUpProps = "menu=no,width=440,height=350,top=70,left=120,resizable=yes,status=yes";
this.speller.popUpProps = "width=440,height=350,top=70,left=120,resizable=yes,status=yes";
// this should have been defined in the editor's constructor method...
this.speller.spellCheckScript = this.spellCheckScript;
// this is made to replace spellerpages 0.5.1 terminateSpell function - do this instead of
// editing the original files since we only want to replace the function for THIS instance
// of the spell checker in case spellerpages is used for other input elements on the same page.
// if future versions of spellerpages change this function, then the code for this will also
// need to be updated.
this.speller.terminateSpell = function (){
/** start 0.5.1 terminateSpell() **/
// called when we have reached the end of the spell checking.
var msg = this.lang.spell_check_complete+"\n\n";
var numrepl = this._getTotalReplaced();
if( numrepl == 0 ) {
// see if there were no misspellings to begin with
if( !this.wordWin ) {
msg = "";
} else {
if( this.wordWin.totalMisspellings() ) {
msg += this.lang.spell_check_no_change;
} else {
msg += this.lang.spell_check_no_misspellings;
}
}
} else if( numrepl == 1 ) {
msg += this.lang.spell_check_one_change;
} else {
msg += numrepl + this.lang.spell_check_words_changed;
}
if( msg ) {
msg += "\n";
alert( msg );
}
if( numrepl > 0 ) {
// update the text field(s) on the opener window
/** begin koivi edit **/
if(this.textInputs.length && this.wordWin && this.wordWin.textInputs[0] ) {
// the editor only has 1 input!
var hidden_element = this.textInputs[0].name;
var iframe_element = (hidden_element.substring(0,hidden_element.length-8))+'_WYSIWYG_Editor';
// replace the values into the editor
document.getElementById(hidden_element).value = this.wordWin.textInputs[0];
document.getElementById(iframe_element).contentWindow.document.body.innerHTML = this.wordWin.textInputs[0];
}
/** end koivi edit **/
}
// return back to the calling window
this.spellCheckerWin.close();
return true;
/** end 0.5.1 terminateSpell() **/
}
this.speller.openChecker();
return true;
}else{
alert(this.lang.spell_check_init_problem);
return false;
}
}else{
alert(this.lang.no_spellerpages);
}
}
}
/**********************************************************************************************************************************************************************/
/**
* WYSIWYG_Editor::_get_offset_left
*
* Used to define position of pop-up pallete window in Gecko browsers
**/
WYSIWYG_Editor.prototype._get_offset_left = function (elm){
var mOffsetLeft=elm.offsetLeft;
var mOffsetParent=elm.offsetParent;
while(mOffsetParent){
mOffsetLeft += mOffsetParent.offsetLeft;
mOffsetParent=mOffsetParent.offsetParent;
}
return mOffsetLeft;
}
/**********************************************************************************************************************************************************************/
/**
* WYSIWYG_Editor::_get_offset_top
*
* Used to define position of pop-up pallete window in Gecko browsers
**/
WYSIWYG_Editor.prototype._get_offset_top = function (elm){
var mOffsetTop=elm.offsetTop;
var mOffsetParent=elm.offsetParent;
while(mOffsetParent){
mOffsetTop += mOffsetParent.offsetTop;
mOffsetParent=mOffsetParent.offsetParent;
}
return mOffsetTop;
}
/**
* WYSIWYG_Editor::_objDump
*
* This is used during debugging and development
**/
WYSIWYG_Editor.prototype._objDump = function (refObj){
s=''
for (objProp in refObj) {
s += '
' + objProp + ' => ' + refObj[objProp] + '
';
}
// why does this code work in the old version, but not the new one with the same browser?
pwin = window.open();
pwin.document.write(s);
pwin.document.close();
}
');
count++;
}
if(this._sunlink){
document.write(' 
');
count++;
}
document.write(' 
');
}
if(this._sinsertunorderedlist){
document.write(' 
');
}
}
if(this.web_toolbar3){
if(this._sinserthorizontalrule){
document.write(' 
');
}
// need to play with the table thing again
document.write(' 
');
}
if(this.web_toolbar4){
if(this.image_button)
document.write(' 
');
if(this.spell_path.length > 0)
document.write(' 
');
if(this.save_button)
document.write(' ');
if(this.preview_button)
document.write(' 
');
if(this.print_button)
document.write(' 
');
}
document.write('
');
count++;
}
if(this._sitalic){
document.write(' 
');
count++;
}
if(this._sunderline){
document.write(' 
');
count++;
}
document.write(' 
');
count++;
}
if(this._ssubscript){
document.write(' 
');
count++;
}
document.write(' 
');
count++;
}
if(this._sjustifycenter){
document.write(' 
');
count++;
}
if(this._sjustifyright){
document.write(' 
');
count++;
}
if(this._sjustifyfull){
document.write(' 
');
count++;
}
document.write(' 
');
count++;
}
if(this._soutdent){
document.write(' 
');
count++;
}
document.write(' 
');
}
document.write('