Ckeditor and ckfinder usage. NET

Ckeditor 3.0.1 Study Notes

I. ckeditor 3.0.1 simplified

Before streamlining: 4.52 M after streamlining: 853 K

1. Delete the _ samples and _ source folders, which are the sample files and uncompressed source programs respectively.

2. Delete all language files under en. js except the zh-cn.js under the lang folder. Delete as needed

3.delete changes.html(update later versions, install.html(installation instructions, license.html (license ).

4. Delete unnecessary skins in the skins directory. I usually use V2 (simple. Simple) // If only V2 is retained, you must specify the skin in config. js.

Ii. ckeditor 3.0.1 file configuration path

1./ckeditor. js core file, which needs to be loaded

2./config. js configuration file, parameter configuration is completed here

3./plugins/smiley/images emojis.

3. ckeditor application (. net environment)

1. Reference js scripts

<Script type = "text/javasExport "src =" ckeditor/ckeditor. js "> </script>

2. Replace the corresponding control with the editor code.

<Asp: TextBox ID = "TextBox1" runat = "server" Rows = "10" TextMode = "MultiLine"> </asp: TextBox>

<Script type = "text/javasComment "> CKEDITOR. replace ('textbox1') </script>

Iv. ckeditor configuration (config. js configuration file)

For more information about api parameters, see http://docs.cksource.com/ckeditor_api /.

CKEDITOR. editorConfig = function (config ){

Config. language = "zh-cn ";

Config. skin = "v2 ";

Config. width = "80% ";

Config. height = "400px ";

Config. resize_enabled = false;

Config. toolbar =

[

['Source', 'preview', '-'],

['Cut ', 'copy', 'paste', 'pastetext ', 'pastefromword',],

['Undo ', 'redo', '-', 'Find ', 'replace', '-', 'selectall', 'removeformat'],

['Image', 'flash', 'table', 'horizontalrule', 'smiley ', 'specialchar', 'pagebreak'],

'/',

['Bold ', 'italic', 'underline', '-', 'subscript', 'superscript'],

['Numberlist', 'bulletedlist', '-', 'outdent ', 'indent', 'blockquote'],

['Justifyleft', 'justifycenter', 'justifyright', 'justifyblock'],

['Link', 'unlink', 'anchor '],

'/',

['Format', 'font', 'fontsize'],

['Textcolor', 'bgcolor'],

['Delimiter', 'showbucket', '-', 'about']

];

Ckfinder Study Notes

1. Simplified ckfinder

Before streamlining: 1.10 M after streamlining: 947 K

1. Delete the _ samples and _ source folders, which are the sample files and uncompressed source programs respectively.

2.delete the changelog.txt, install.txt, and license.txt files under the root directory.

3. Delete all language files under the core/lang directory except en. js, zh-cn.js (Delete according to conditions)

Ii. ckfinder Configuration

1. Copy the ckfinder. dll file in the/bin directory to the site bin directory.

2. Copy the ckfinder directory to the site root directory (you can select another path)

Iii. ckfinder applications

1. Integrated with ckeditor. For details, see the official document. The official document is about loading and modifying, and the method I use is global modification.

The procedure is as follows: Modify the config. js file in the ckeditor directory and add:

Config. filebrowserBrowseUrl = '/ckfinder/ckfinder.html ';

Config. filebrowserImageBrowseUrl = '/ckfinder/ckfinder.html? Type = Images ';

Config. filebrowserFlashBrowseUrl = '/ckfinder/ckfinder.html? Type = Flash ';

Config. filebrowserUploadUrl = '/ckfinder/core/connector/aspx/connector. aspx? Command = QuickUpload & type = Files ';

Config. filebrowserImageUploadUrl = '/ckfinder/core/connector/aspx/connector. aspx? Command = QuickUpload & type = Images ';

Config. filebrowserFlashUploadUrl = '/ckfinder/core/connector/aspx/connector. aspx? Command = QuickUpload & type = Flash ';

Config. filebrowser1_wwidth = '20140901 ';

Config. filebrowserWindowHeight = '2013 ';

The above URL value varies depending on your ckfinder path,

2. Separate Application

3. Cracking:

Open two ckfinder_ie.js and ckfinder_gecko.js files under core/js. Find the string "en. call (window, qo);" comment it out.

 

Another configuration Introduction: http://kb.cnblogs.com/a/1682702/

Developer Manual: http://ckeditor.com.cn/docs/

Official Website: http://ckeditor.com/demo