Home > Developer > ASP

The use of FCKEditor in asp.net

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

English Address: Http://wiki.fckeditor.net/Developer%27s_Guide/Integration/ASP.Net

FCKeditor is a javascipt application running on the client browser. As long as you want, you may not have to consider the strict limitations of the server segment, but if you want to use its powerful features, you still need to select the server's installation use package to meet your needs.

For ASP.net, fckeditor can be used as a control on other WebForms. This installation package name is fckeditor.net.

Follow the steps below to make it easy to use FCKeditor on your asp.net web page.

Necessary conditions:

Before you proceed to the following steps, you must download and install from the website (just copy to your Web site), where the downloaded fckeditor.net package does not contain the editor core components. It just makes it easy for you to use FCKeditor in a asp.net environment.

You can get the latest FCKeditor version from the following site: http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

1. If your editor is installed in the "/fckeditor/" Directory of your website, now you need to add the FCKeditor asp.net control DLL to your page, and you can get the latest version from the site below: http:// sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

2. Add bin/release/FredCK.FCKeditorV2.dll to your project reference in the downloaded compressed file

3. Add bin/release/FredCK.FCKeditorV2.dllto the toolbox, and you can see the FCKeditor in the Toolbox Tool, drag a control to a Web page, and you can see that the following code is automatically added in ASPX: (Of course, it can be added directly to the code)

<%@ Register tagprefix= "FCKeditorV2" namespace= "Fredck.fckeditorv2" assembly= "Fredck.fckeditorv2"%>

At the same time in the label <form runat= "Server":

<fckeditorv2:fckeditor id= "FCKeditor1" basepath= "~/fckeditor/" runat= "Server"/>

The basepath is the path to the site where FCKeditor is located.

Here is a relatively simple example:

<%@ Page validaterequest= "false" language= "VB" autoeventwireup= "false"%>

<%@ Register tagprefix= "FCKeditorV2" namespace= "Fredck.fckeditorv2" assembly= "Fredck.fckeditorv2"%>

<title>FCKeditor-Sample</title>

<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>

<body>

<form runat= "Server" >

<fckeditorv2:fckeditor id= "FCKeditor1" basepath= "~/fckeditor/" runat= "Server"/>

<br/>

<input type= "Submit" value= "Submit" runat= "Server"/>

</form>

</body>

file browsing and uploading functions

FCKeditor provides default file browsing and uploading capabilities, but fckconfig.js _filebrowserlanguage and _ Quickuploadlanguage entries and set their values to ' aspx '.

 

asp.net 2.0 the best summary installation instructions

1. Download:

Download http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=75845

Download http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

2. Minimize the installation of:

① put FredCK.FCKeditorV2.dll in the Bin folder

② Create a directory for FCKeditor, put FCKeditor inside

③ creates a directory for the user that allows Internet users to modify the permissions they use

3. Modify the Web.config file

<appSettings>

<add key= "Fckeditor:basepath" value= "[Path where editor is]"/>/*fckeditor ' s path */

<add key= "Fckeditor:userfilespath" value= "[path users upload files]"/>/*user Files Path * *

</appSettings>

4. Use ASP.net and themes notes:

A. "Editor/filemanager/upload/aspx/upload.aspx"

A. "Editor/filemanager/browser/default/connectors/aspx/connector.aspx"

and modify the "I" To add Theme= "" and Stylesheettheme= "as follows:

<%@ Page language= "VB" inherits= "FredCK.FCKeditorV2.FileBrowserConnector" autoeventwireup= "false" Theme= "" Stylesheettheme= ""%>

5. Add the following code for each page that uses FCKeditor:

 





 





 





 



Also set ValidateRequest to false like below ...


 





 



<%@ Page language= "VB" inherits= "FredCK.FCKeditorV2.FileBrowserConnector" autoeventwireup= "false" Validaterequest= "false"%>


 





 





 





 



6. Add editor dynamically through code:


 





 



① If you use the method of the application (virtual directory), you need to set the basepath in the web.config


 





 



For example if it your FCKeditor path "c:/inetpub/wwwroot/virtualdir/fckeditor/" Add this:


 





 



<add key= "Fckeditor:basepath" value= "~/fckeditor/"/>


 





 





 






                

                    
This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or
reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or
complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

                

            


                                                                    

        

            

                

                                        

                        

                    

                

                

    

                    
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 

              

                Get Started for Free
              

            

          

          

            

              
    
                
  • 
                  
    Sales Support
    
                  
    
                    1 on 1 presale consultation
                  
    
                  
    
                    Chat
                    Contact Sales
                  
    
                
    • 
                
  • 
                  
    After-Sales Support
    
                  
    
                    24/7 Technical Support
                    6 Free Tickets per Quarter
                    Faster Response
                  
    
                  
    
                    Open a Ticket
                  
    
                
    • 
                
  • 
                  
    
                  
     Alibaba Cloud offers highly flexible support services tailored to meet your exact needs. 
    
                  
    
                    Learn More
                  
    
                
    •