Show/Hide Toolbars

Navigation: Advanced topics

PHPrunner32x32     PHPRunner manual


Rich Text Editor plugins

Scroll Prev Next More

 

To choose a Rich Text Editor type, go to the Page Designer screen, set the Edit as type of any text field to the Text area and select the Use Rich Text Editor checkbox.

 

PHPRunner supports the following third-party Rich Text Editors:

 

Basic Rich Text Editor

http://www.kevinroth.com/rte

basicrte

CKEditor

http://www.ckeditor.com

fckeditor

InnovaStudio Editor

http://www.innovastudio.com

innovaeditor

 

For more info on each editor, documentation, and examples, visit the vendors' websites.

Configuration

Basic Rich Text Editor

This editor comes built-in into PHPRunner. You don't need to download or configure anything - select it from the list of available Rich Text Editors.

 

This editor is lightweight, and the footprint is minimal. Documentation, support forum, and examples are available at http://www.kevinroth.com/rte/

 

InnovaStudio Editor

To use this Rich Text Editor:

 

Download InnovaStudio Editor from our website http://www.asprunner.com/files/innovaeditor.zip.

 

Create a folder named innovaeditor under C:\Program files\PHPRunner 10.2\source\plugins.

 

Unzip InnovaStudio Editor files to the folder C:\Program files\PHPRunner 10.2\source\plugins\innovaeditor.

 

After that, InnovaStudio Editor becomes available for selection in the Text area dialog.

 

InnovaStudio Editor adds about 1000 files to the generated application; the footprint is about 3.5Mb. InnovaStudio Editor documentation and examples can be found in the documentation folder.

 

CKEditor

Proceed to http://www.ckeditor.com and download the latest version of CKEditor. Unzip it into the C:\Program Files\PHPRunner 10.2\source\plugins folder. After that, CKEditor becomes available for selection in the Text area dialog.

 

CKEditor adds 400+ files to the generated application; the footprint is about 2.5Mb. CKEditor documentation is available on the at http://docs.cksource.com.

 

To enable the image upload feature CKFinder, do the following (the instruction below applies to CKFinder 2.5.0):

 

1. Download CKFinder from http://ckfinder.com/download and unzip it into the C:\Program Files\PHPRunner 10.2\source\plugins folder.

 

2. Edit the file C:\Program Files\PHPRunner 10.2\source\plugins\ckfinder\config.php in the following way:

 

2.1 Find the CheckAuthentication() function and insert this line above it to be able to use the session variables:

 

include("../../include/dbcommon.php");

 

2.2 Modify the CheckAuthentication() function to perform session validation.

 

Replace

 

return false;

 

with

 

if (isset($_SESSION['UserID']) && $_SESSION['UserID'] &&
$_SESSION["UserID"]!="Guest")
return true;

 

2.3 Define $baseDir variable. $baseDir - the path to the local directory (in the server). This is the path used by CKFinder to handle the files in the server. Full write permissions must be granted to this directory. You may point it to a directory directly:

 

$baseDir="C:\\Inetpub\\WWWROOT\\mywebsite.com\\project1\\plugins\\ckfinder\\userfiles\\";

 

or

 

$baseDir="/home/var/www/mywebsite.com/project1/plugins/ckfinder/userfiles/";

 

You can get more information about CKFinder configuration settings at http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/Configuration.

 

3. Edit the file C:\Program Files\PHPRunner 10.2\source\plugins\ckeditor\config.js.

 

Replace

 

CKEDITOR.editorConfig = function( config )
{
  // Define changes to default configuration here. For example:
  // config.language = 'fr';
  // config.uiColor = '#AADC6E';
};

 

with

 

CKEDITOR.editorConfig = function( config )
{
config.filebrowserBrowseUrl = 'plugins/ckfinder/ckfinder.html';
config.filebrowserImageBrowseLinkUrl =
'plugins/ckfinder/ckfinder.html?type=Images';
config.filebrowserFlashBrowseUrl = 'plugins/ckfinder/ckfinder.html?type=Flash';
config.filebrowserUploadUrl =
'plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl =
'plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl =
'plugins/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
};

 

4. Edit file C:\Program Files\PHPRunner10.2\source\files.txt.

 

Replace

 

##if @BUILDER.m_strRTEType==RTE_CK##
plugins\ckeditor plugins\ckeditor
##endif##

 

with

 

##if @BUILDER.m_strRTEType==RTE_CK##
plugins\ckeditor plugins\ckeditor
plugins\ckfinder plugins\ckfinder
##endif##

 

5. Build your project with the CKEditor option enabled.

 

The CKFinder documentation is available at http://docs.cksource.com.