Wordpaster-Easy to use sitefactory 4.7 integration tutorial

ArticleDirectory

•  

WordPaster-CKEditor3.x example

1. Upload the wordpaster folder to the server.

2. Upload ckeditor \ plugins \ excelpaster to editor \ plugins \

3. Upload ckeditor \ plugins \ imagepaster to editor \ plugins \

4. Modify the config. js file and add a plug-in.Code.

Add the following code:

/*

Copyright (c) 2003-2011, cksource-Frederico knabben. All rights reserved.

For licensing, see license.html or http://ckeditor.com/license

*/

Ckeditor. editorconfig = function (config ){

// Define changes to default configuration here. For example:

// Config. Language = 'Fr ';

// Config. uicolor = '# aadc6e ';

Config. extraplugins = 'imagepaster, excelpaster'; // extension plug-in-wordpaster

};

5. Add the wordpaster plug-in icon to the contentfull toolbar.

Add the Code in the following red box:

6. Modify the upload. aspx code in the demo and change the upload folder to uploadfiles. This is compatible with sitefactory.

Re-compile upload. aspx and upload the ckeditor353.dll in the bin folder to the bin folder on the server.

7. Upload the upload. aspx file in the demo to the root directory of the server.

6. modify the content. aspx file and add the plug-in code.

Sample Code:

<Link type = "text/CSS" rel = "stylesheet" href = "/wordpaster/CSS/wordpaster.css"/>

<Link type = "text/CSS" rel = "stylesheet" href = "/wordpaster/CSS/UI-lightness/jquery-ui-1.8.11.custom.css"/>

<SCRIPT type = "text/JavaScript" src = "/wordpaster/JS/jquery-ui-1.8.11.custom.min.js"> </SCRIPT>

<SCRIPT type = "text/JavaScript" src = "/wordpaster/JS/wordpaster. js" charset = "UTF-8"> </SCRIPT>

<Script language = "JavaScript" type = "text/JavaScript">

// Wordpaster begin

VaR pastermgr = new pastermanager ();

Pastermgr. config ["posturl"] = "http: // localhost: 82/upload. aspx"; // replace this address with the actual server address.

Pastermgr. Load (); // load the control

Ckeditor. On ('instancerady', function (EVT ){

Pastermgr. INIT (EVT. Editor );

});

// Wordpaster end;

After integration, the effect is as follows: