Please enable JavaScript to view this site.

Navigation: Advanced topics

PHPrunner32x32     ASPRunnerPro 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.

 

ASPRunnerPro 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 ASPRunnerPro. 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\ASPRunnerPro 10.3\source\plugins.

 

Unzip InnovaStudio Editor files to the folder C:\Program files\ASPRunnerPro 10.3\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\ASPRunnerPro 10.3\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\ASPRunnerPro 10.3\source\plugins folder.

 

2. Turn on Enable Parent Paths option in IIS.

 

3. Edit the file C:\Program Files\ASPRunnerPro 10.3\source\plugins\ckfinder\config.asp in the following way: find the CheckAuthentication() function and change the line CheckAuthentication = false to CheckAuthentication = true.

 

4. Make sure you have one of the following image components installed on your web server: Persits.Jpeg, briz.AspThumb, AspImage.Image, shotgraph.image.

For example, to install shotgraph.image, download this component at http://www.shotgraph.com/download.htm and install it. Modify the file C:\Program Files\ASPRunnerPro 10.3\source\plugins\ckfinder\config.asp.

 

Replace

 

Images.Add "component", "Auto"

 

with

 

Images.Add "component", "shotgraph.image"

 

5. Edit the file C:\Program Files\ASPRunnerPro 10.3\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/asp/connector.asp?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl =
'plugins/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl =
'plugins/ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash';
};

 

6. Edit file C:\Program Files\ASPRunnerPro10.3\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##

 

7. Build your project with the CKEditor option enabled.

 

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