Installation :

in sitefusion server dir “components”

add files :
sf_ckeditor.js
sf_ckeditor.php.inc

in sitefusion server dir “extensions”

add file :
sf_ckeditor@oracoltech.com.xpi

Add this two lines of code in your project file :

Theme default : v2

future steps :

1. a really simple editor ( bold , list , underline, italic ).
2. Runtime commands and config parameters from php
3. a CKEditor FileManager plugin SiteFusion specific

Enjoy, Fully functional still in beta.

Download : sf_ckeditor_beta

With a little modification that will be implemented in the next version :

add this code at the end of file : class/textAndImages.php.inc

class XULImageSvg extends Node
{

public $remoteConstructor = ‘ImageSvg’;
public $width = NULL;
public $height = NULL;
public $imagePath = NULL;

private $transferStarted = FALSE;
private $transferSize = NULL;

public function __construct( $path = NULL, $width = NULL, $height = NULL ) {
if( $path !== NULL )
$this->src( $path );
if( $width !== NULL )
$this->width( $width );
if( $height !== NULL )
$this->height( $height );

parent::__construct();
}

public function attach() {
$this->createRemoteObject( array( $this->hostWindow, $this->width, $this->height ) );
$this->insertElement();
$this->setStyle(‘display’,'inline-block’);
if ($this->imagePath !== NULL)
$this->callMethod( ‘load’ );
}

public function src($path) {
$this->imagePath = $path;

if( $this->isRegistered )
$this->callMethod(“load”);
}

/**
* [INTERNAL FUNCTION]
* This function is called by the daemon to start a transfer. It returns an array
* of two elements, first is a string with the MIME content-type of the data, and
* second is a integer number containing the size in bytes of the transfer.
*
* @return array Transfer descriptives
*/

public function transferStart() {
$this->transferStarted = TRUE;
if( !file_exists($this->imagePath) )
$this->imagePath = ApplicationProcess::GetOption(‘sitefusionPath’) . $this->imagePath;

if (file_exists($this->imagePath) && strtolower(substr($this->imagePath,-3) == ‘svg’) ) {
$this->transferSize = filesize($this->imagePath);
return array( ‘image/svg+xml’, $this->transferSize );
}
else return FALSE;
}

/**
* [INTERNAL FUNCTION]
* This function is called by the daemon to get (a piece of) data of a transfer.
* It should output this data to the output buffer, which will be intercepted
* by the daemon.
*/

public function transferGetData() {
if( !$this->transferStarted )
throw new SFException( “File transfer not started!”, ERR_REPORT_APP );

readfile( $this->imagePath );
}

/**
* [INTERNAL FUNCTION]
* This function is called by the daemon when all data has been transferred.
* It is used to close open filehandles and clean up.
*/

public function transferEnd() {
$this->transferStarted = FALSE;
$this->transferSize = NULL;
}
}

add this lines at the end of file class/textAndImages.js

SiteFusion.Classes.ImageSvg = Class.create( SiteFusion.Classes.Node, {
sfClassName: ‘XULImageSvg’,

initialize: function( win, width, height ) {
this.hostWindow = win;
this.element = win.createElement( ‘bbox’ );
this.element.sfNode = this;

this.setEventHost();

if( width )
this.width( width );
if( height )
this.height( height );
},

load: function() {
var d = new Date();
var xmlDoc = new XMLHttpRequest();
xmlDoc.open(
“GET”
, SiteFusion.Address + ‘/filestream.php?app=’ + SiteFusion.Application + ‘&args=’ + SiteFusion.Arguments + ‘&sid=’ + SiteFusion.SID + ‘&ident=’ + SiteFusion.Ident + ‘&cid=’ + this.cid + ‘&cycle=’ + d.getTime()
, false
);
xmlDoc.send(null);

var eXml = xmlDoc.responseXML.getElementsByTagName(‘svg’)[0];

if(eXml.getAttributeNode(“width”) != null && eXml.getAttributeNode(“height”) != null) {

var othisWidth = parseInt(this.element.getAttributeNode(“width”).nodeValue);
var othisHeight = parseInt(this.element.getAttributeNode(“height”).nodeValue);

var svgOriWidth = parseInt(eXml.getAttributeNode(“width”).nodeValue);
var svgOriHeight = parseInt(eXml.getAttributeNode(“height”).nodeValue);

var scaleFactorWidth = othisWidth / svgOriWidth;
var scaleFactorHeight = othisHeight / svgOriHeight;

//eXml.setAttribute(“width”,svgOriWidth);
//eXml.setAttribute(“height”,svgOriHeight);
eXml.removeAttribute(“width”);
eXml.removeAttribute(“height”);

eXml.setAttribute(“viewBox”,’0 0 ‘+svgOriWidth+’ ‘+svgOriHeight+”);
//eXml.setAttribute(“preserveAspectRatio”,”xMidYMid meet”);

var transform = xmlDoc.responseXML.createElement(‘g’);
//alert(‘scale(‘+scaleFactorWidth+’,'+scaleFactorHeight+’)');
transform.setAttribute(‘transform’,'scale(‘+scaleFactorWidth+’, ‘+scaleFactorHeight+’)');

while(eXml.length > 0) {
transform.appendChild(eXml.childNodes[0]);
eXml.removeChild(eXml.childNodes[0]);
}

eXml.appendChild(transform);
}

var node = this.hostWindow.windowObject.document.importNode(eXml, true);
this.element.appendChild( node );
//var dummy = document.createTextNode(‘x’);
//this.element.appendChild( dummy );
}
} );

After this modification you have SVG images with scale support and you can use like this

XULImageSvg($srcPath,$width,$height);

really simple!

USAGE :

// Istantiate and add the classto the Application window

$this->window->addChild(
$top = new XULStdAppMenu()
);

// Only create root menu is required, after you can “overwrite” and redeclare all menu
// without any problem because after the first creation, the class recall the created menu

$top->addMenuRoot(‘File’,NULL); OR $top->addMenuRoot(‘File’,NULL,[b]TRUE[/b]); to add the root menu on the right

// Add a standard application menu
$top->addMenu(
'File','File'
,array(
array('New', $this, 'noEventYet'),
array('Open', $this,'noEventYet'),
array(NULL,NULL,NULL),
array('Exit', $this, 'noEventYet')
)
);

Examine : $top->addMenu('File','File',array(menus) );

add menu or menu contained in array(Somemenus) to rootMenu(‘File’) in group(‘File’)

Examine : array('New', $this, 'noEventYet')
New = the label of the menu
$this->noEventYet();

Examine : array(NULL,NULL,NULL) // it's a separator


Attention : After you call the method addMenuRoot ( ex.  $top->addMenuRoot(‘File’,NULL); )

you can do this :

$top->addMenu(
'File','FileSubMenu'
,array(
array('New', $this, 'noEventYet'),
array('Open', $this,'noEventYet'),
array(NULL,NULL,NULL),
array('Exit', $this, 'noEventYet')
)
);

or this :

$top->addMenu(
'File','FileSubMenu'
,array(array('New', $this, 'noEventYet'))
);


$top->addMenu(
'File','FileSubMenu'
,array(array('File', $this, 'noEventYet'))
);


$top->addMenu(
'File','FileSubMenu'
,array(array('Exit', $this, 'noEventYet'))
);

or this :

$top->addMenu(
'File','FileSubMenu'
,array(array('New', $this, 'noEventYet'))
);


$top->addMenu(
'FileSubMenu','FileSubSubMenu'
,array(array('File', $this, 'noEventYet'))
);


$top->addMenu(
'FileSubSubMenu','FileSubSubSubMenu'
,array(array('Exit', $this, 'noEventYet'))
);

$top->addMenu(
'FileSubSubSubMenu','FileSubSubSubMenu'
,array(
array('New', $this, 'noEventYet'),
array('Open', $this,'noEventYet'),
array(NULL,NULL,NULL),
array('Exit', $this, 'noEventYet')
)
);

Or Like this :

$top->addMenuRoot(‘TestDeepRef’,NULL);
$top->addMenuRoot(‘TestDeepRef’,'TestDeepRef2′);
$top->addMenuRoot(‘TestDeepRef2′,’TestDeepRef3′);
$top->addMenuRoot(‘TestDeepRef3′,’TestDeepRef4′);

$top->addMenu(
‘TestDeepRef4′
,’TestDeepRef4′
,array(
array(‘openAbout’, $this, ‘openAbout’),
array(‘openAboutMemory’, $this,’openAboutMemory’),
array(‘openExtensions’, $this, ‘openExtensions’),
array(‘openErrorConsole’,$this,’openErrorConsole’)
)
);

$top->addMenu(
‘TestDeepRef3′
,’TestDeepRef3′
,array(
array(‘openAbout’, $this, ‘openAbout’),
array(‘openAboutMemory’, $this,’openAboutMemory’),
array(‘openExtensions’, $this, ‘openExtensions’),
array(‘openErrorConsole’,$this,’openErrorConsole’)
)
);

Sitefusion it’s really simple to use and extends!

File Download : testTopMenu.startup.php

XULAdvancedTabBox

• addTabbedPanel ( $name,  $panel, [ $background = false])
  • $name = name of the tab
  • $panel = The Component to added
  • $background = will be add in background
• closeActiveTab ([ $e = NULL])
  • Close the active panel
• closeAll ([ $e = NULL], [ $leaveActive = FALSE], [ $posActive = -1])
  • Close all panel if $leaveActive is true doesn’t close the active panel
• closeAllNoActive ([ $e = NULL])
  • Close All non active panels ( it’s a shortcut to $this->closeAll(NULL, TRUE))
• isEmpty ()
• removeTabbedPanel ( $panel)
• removeTabbedTab ( $tab)
• addHideComponentIfEmpty($component)
  • add a component to hide when empty if setIfEmptyFlexZero(TRUE)
• setIfEmptyFlexZero ( $bool)
  • if set TRUE, when the component isEmpty(TRUE) , autohide itself and all componets add with method addHideComponentIfEmpty($component)

File Download : testAdvTabBox.startup.php