Use Xheditor v1.1.13 as an HTML editor in VS2013 's ASPNET web development

Source: Internet
Author: User

To develop a blog site with vs2013, the. NET Framework 4 requires an HTML editor as a tool for writing articles. Through the multi-trial, ruled out the Dotnettextbox, Kceditor. Think Xheditor is good, now will use the method record as follows:

1. To http://download.csdn.net/download/chenhaoying/4274663 download, you will get a file named: "xheditor-1.1.13 using. rar in ASP."

2. Use vs2013 to create a new website, the site name Any, this example is test4hxeditor.


3. Use xheditor-1.1.13 in ASP. rar files in Xheditor_emot, Xheditor_skin two folders and Xheditor-1.1.13-zh-cn.min.js, Jquery-1.4.4.min.js two files extracted to the Internet station in the folder "D:\ fast Disk \test4hxeditor" inside.

4. Add a Web form for testfhxeditor within vs2013, named default in this example.

5. Open the Default.aspx file within vs2013, modify the following, where bold displays the additions to the changes. As shown below:

<pre name= "code" class= "plain" ><%@ page language= "C #" autoeventwireup= "true" validaterequest= "false" Codefile= "Default.aspx.cs" inherits= "_default"%><! DOCTYPE html>

6. Under Default.aspx Design view, double-click the button in the Default.aspx.cs file and edit it as follows:


public partial class _default:system.web.ui.page
{
protected void Page_Load (object sender, EventArgs e)
{

}
protected void Button1_Click (object sender, EventArgs e)
{
Label1.Text = elm1. Value;
}
}



7. Open the Web. config file within vs2013 and add the following to "<system.web></system.web>": "
<system.web> <compilation debug= "true" targetframework= "4.0"/> 

8. Run the Web site. An editor appears, where you can enter content and edit it, and then click the button to pass the edited content to Label1. As shown in.



At this point, Xheditor has been basically available, as for the image upload function, another detailed.


Use Xheditor v1.1.13 as an HTML editor in VS2013 's ASPNET web development

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.