Show/Hide Toolbars

Navigation: Advanced topics

ASPrunnerPro32x32     ASPRunnerPro manual


Rich Text Editor plugins

Scroll Prev Next More

 

To choose Rich Text Editor type set Edit type of any text field to Textarea and select Use RTE check box. ASPRunnerPro supports the following third party Rich Text Editors:

 

Basic Rich Text Editor

http://www.kevinroth.com/rte

basicrte

CKEditor

http://ckeditor.com

fckeditor

InnovaStudio Editor

http://www.innovastudio.com

innovaeditor

 

For more info on each editor, documentation, examples etc visit vendor's website.

Configuration

Basic Rich Text Editor

 

This editor support is built-in into ASPRunnerPro. Nothing to download or configure. Just select it from the list of available Rich Text Editors.

 

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

 

InnovaStudio Editor

 

Download InnovaStudio Editor from our website http://www.asprunner.com/files/innovaeditor.zip. Create a folder named innovaeditor under C:\Program Files\ASPRunnerPro10.2\source\plugins.

 

Unzip InnovaStudio Editor files to this folder - C:\Program Files\ASPRunnerPro10.2\source\plugins\innovaeditor. After that InnovaStudio Editor will be available for selection on Textarea dialog.

 

InnovaStudio Editor adds about 1000 files to the generated application, footprint is about 3.5Mb.

 

InnovaStudio Editor documentation and examples can be found in documentation folder.

 

CKEditor

 

Proceed to http://www.ckeditor.com and download the latest version of CKEditor. Unzip it into C:\Program Files\ASPRunnerPro10.2\source\plugins folder. After that CKEditor will be available for selection on Textarea dialog.

 

CKEditor adds 400+ files to the generated application, footprint is about 2.5Mb.

 

CKEditor documentation is available on the Web at http://docs.cksource.com.

 

To enable the image upload feature CKFinder do the following:

 

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

 

2. Turn on Enable Parent Paths option in IIS.

 

3. Edit file C:\Program Files\ASPRunnerPro10.2\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. Install it. Modify file C:\Program Files\ASPRunnerPro10.2\source\plugins\ckfinder\config.asp.

 

Replace

 

Images.Add "component", "Auto"

 

with

 

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

 

5. Edit the file C:\Program Files\ASPRunnerPro10.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/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.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##

 

7. Build your project enabling CKEditor option.

 

CKFinder documentation is available on the Web at http://docs.cksource.com.