Detailed usage of Asp. Net FCKeditor

Source: Internet
Author: User

1. Download components: (download two zip packages of fckeditor2.6.5.zip and FCKeditor. NET2.6.3)
Note:
FCKeditor2.6.3.zip is the latest file and image;
FCKeditor.NET.zip is the DLL called by ASP. NET.

2. Copy the fckeditor directory in fckeditor2.6.3.zip to the website.

3. decompress the fckeditor.net.zip package, find FredCK. FCKeditorV2.dll in the FCKeditor. Net_2.2inDebug directory, and add FredCK. FCKeditorV2.dll to the toolbox.

4. Drag the widget to the web page after it is finished:

5. Now we have completed the addition. Now we need to set it according to our needs ......
Go to the FCKeditor folder and edit the fckconfig. js file.

6. Modify
Var _ FileBrowserLanguage = asp; // asp | aspx | cfm | lasso | perl | php | py
Var _ QuickUploadLanguage = asp; // asp | aspx | cfm | lasso | php
Change
Var _ FileBrowserLanguage = aspx; // asp | aspx | cfm | lasso | perl | php | py
Var _ QuickUploadLanguage = aspx; // asp | aspx | cfm | lasso | php

7. Configure the Language Pack. English and Traditional Chinese are available. Here we use simplified Chinese.
Modify
FCKConfig. DefaultLanguage = en;
Is
FCKConfig. DefaultLanguage = zh-cn;

8. Configure the skin. There are default, office2003, silver style, etc. here we can use the default.
FCKConfig. SkinPath = FCKConfig. BasePath skins/default /;

9. You can use the Tab key in the editor. (1 is yes, 0 is no)
Change FCKConfig. TabSpaces = 0; To FCKConfig. TabSpaces = 1;

10. add several common font Methods
Modify
FCKConfig. FontNames = Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana;
Is
FCKConfig. FontNames = Ames; _ GB2312; Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana

11. The basic attribute settings are almost the same. For more settings, refer to the Attribute Table:
FCKConfig. CustomConfigurationsPath =; // custom configuration file path and name
FCKConfigFCKConfig. EditorAreaCSS = FCKConfig. BasePath css/fck_editorarea.css; // The style table file in the editing area
FCKConfig. EditorAreaStyles =; // style of the style sheet in the editing area
FCKConfig. ToolbarComboPreviewCSS =; // You can preview CSS in the toolbar.
FCKConfig. DocType =; // Document Type
FCKConfig. BaseHref =; // The base address of the Relative Link
FCKConfig. FullPage = false; // whether to allow editing of the entire HTML file or only the content between the bodies
FCKConfig. StartupShowBlocks = false; // determines whether to enable the "display module"
FCKConfig. Debug = false; // whether debugging is enabled
FCKConfigFCKConfig. SkinPath = FCKConfig. BasePath skins/default/; // skin path
FCKConfig. PreloadImages =... // pre-installed Image
FCKConfigFCKConfig. PluginsPath = FCKConfig. BasePath plugins/; // Plug-In Path
FCKConfig. AutoDetectLanguage = true; // whether to automatically detect the language
FCKConfig. DefaultLanguage = zh-cn; // default language
FCKConfig. ContentLangDirection = ltr; // The default text direction. Optional, "ltr/rtl", that is, from left to right or from right to left
FCKConfig. ProcessHTMLEntities = true; // process HTML Objects
FCKConfig. IncludeLatinEntities = true; // including Latin
FCKConfig. IncludeGreekEntities = true; // includes Greek
FCKConfig. ProcessNumericEntities = false; // process numeric entities
FCKConfig. AdditionalNumericEntities =; // additional numeric entity
FCKConfig. FillEmptyBlocks = true; // whether to fill an empty Block
FCKConfig. FormatSource = true; // whether to automatically format the code when switching to the Code view
FCKConfig. FormatOutput = true; // whether to automatically format the code when outputting the content
FCKConfig. FormatIndentator =; // The characters used when the code is indented in the source code format
FCKConfig. StartupFocus = false; // whether the focus is in the editor when it is enabled, that is, whether the time mark on the page is stuck on fckeditor
FCKConfig. ForcePasteAsPlainText = false; // whether to forcibly paste the File Content
FCKConfig. AutoDetectPasteFromWord = true; // whether to automatically detect file pasting from word. Only Internet Explorer is supported.
FCKConfig. ShowDropDialog = true; // whether the drop-down menu is displayed
FCKConfig. ForceSimpleAmpersand = false; // do not convert & into XML entities
FCKConfig. TabSpaces = 0; // press the Tab key. The default value is zero.
FCKConfig. ShowBorders = true; // merge borders
FCKConfig. SourcePopup = false; // pop-up
FCKConfig. ToolbarStartExpanded = true; // start the fckeditor toolbar to show whether to expand by default.
FCKConfig. ToolbarCanCollapse = true; // whether to collapse or expand the toolbar
FCKConfig. IgnoreEmptyParagraphValue = true; // whether to ignore empty paragraph values
FCKConfig. FloatingPanelsZIndex = 10000; // floating panel Index
FCKConfig. HtmlEncodeOutput = false; // whether to output HTML Encoding
FCKConfig. TemplateReplaceAll = true; // whether to replace all templates
FCKConfig. ToolbarLocation = In; // toolbar location,
FCKConfig. CustomConfigurationsPath =; // custom configuration file path and name
FCKConfigFCKConfig. EditorAreaCSS = FCKConfig. BasePath css/fck_editorarea.css; // The style table file in the editing area
FCKConfig. BaseHref =; // The base address of the Relative Link
FCKConfig. Debug = true/false; // whether to enable the debugging function. When you call FCKDebug. Output (), the content is Output in the debugging window.
FCKConfigFCKConfig. SkinPath = FCKConfig. BasePath skins/default/; // set skin
FCKConfig. AutoDetectLanguage = true/false; // whether to automatically detect the language
FCKConfig. DefaultLanguage = zh-cn; // set the default language
FCKConfig. ContentLangDirection = ltr/rtr; // default text direction, left for ltr, right for rtr
FCKConfig. FillEmptyBlocks = true/false; // this function can be used to replace empty block-level elements with spaces.
FCKConfig. FormatSource = true/false; // whether to automatically format the code when switching to the Code view
FCKConfig. FormatOutput = true/false; // whether the code is automatically formatted when the content is output
FCKConfig. FormatIndentator = ""; // The characters used to indent the code in "Source code format"
FCKConfig. GeckoUseSPAN = true/false; // whether to allow the SPAN flag to replace the B, I, U flag
FCKConfig. StartupFocus = true/false; // whether to FOCUS to the editor when enabled
FCKConfig. ForcePasteAsPlainText = true/false; // force the paste to plain text
FCKConfig. ForceSimpleAmpersand = true/false; // do not convert & into XML entities
FCKConfig. TabSpaces = 0/1; // whether the TAB is valid
FCKConfig. TabSpaces = 4; // number of spaces generated by the TAB key
FCKConfig. ShowBorders = true/false; // whether to merge borders
FCKConfig. ToolbarStartExpanded = true/false; // whether to expand the toolbar when loading the page. It appears only when you click "Expand toolbar ".
FCKConfig. ToolBarCanCollapse = true/false; // whether to show and collapse the toolbar
FCKConfig. ToolbarSets = object; // The toolbar of the editor, which can be customized and deleted. For details, refer to the existing toolbar.
FCKConfig. EnterMode = p; // press enter in the editor to generate the file in the Code. Optional values: p | div | br
FCKConfig. ShiftEnterMode = br; // press enter in the editor and generate it in the Code. Optional values: p | div | br
FCKConfig. ContextMenu = string array; // context menu content
FCKConfig. FontColors = ""; // text color list
FCKConfig. FontNames = ""; // font list
FCKConfig. FontSizes = ""; // font size list
FCKConfig. FontFormats = ""; // text format list
FCKConfig. StylesXmlPath = ""; // location of the XML file in the CSS style list

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.