I recently used ASP. NET to create a project. I thought it was a very small project. I should have no questions.
But it was really difficult for me to implement the text editor. I spent a long time searching for information on the Internet and finally chose the KindEditor text editor.
This editor is lightweight and does not require any complicated parameter configuration. You can download the file package from the official website and decompress it. There are asp, asp.net, php, and jsp application instances, used
After that, I felt pretty good, lightweight, and flexible. It could be said that it fully met my needs and I thought everything would be fine, however, this morning, when I set the value (I used to debug the results, but I didn't take
Value storage), suddenly found that the textarea value could not be obtained in the background, so I searched the internet for a day, and finally found a solution to the problem when I was exhausted and ready to give up, below is
An instruction document from the official website:
The Visualized operations of KindEditor are executed on the newly created iframe, And the textarea box in code mode is also created. Therefore, you must set the HTML data to the original textarea and editor before the final submission. the sync () function completes this action.
KindEditor automatically finds the form element to which textarea belongs by default. After finding the form, add editor to the onsubmit event. the sync () function. Therefore, you do not need to manually execute the editor when submitting data using form. the sync () function.
Wb. value gets the value of the text editor.
<% @ Page Language = "C #" AutoEventWireup = "true" CodeFile = "Default. aspx. cs" Inherits = "_ Default" %>
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head runat = "server">
<Title> </title>
<Script src = "kindeditor-4.0.4/kindeditor-min.js" type = "text/javascript"> </script>
<Script src = "kindeditor-4.0.4/lang/zh_CN.js" type = "text/javascript"> </script>
<Script>
Var editor;
KindEditor. ready (function (K ){
Editor = K. create ('# TextBox2 ',{
AllowFileManager: true,
AfterCreate: function (){
Var self = this;
K. ctrl (document, 13, function (){
Self. sync ();
K ('form [name = formCreateDocument] ') [0]. submit ();
});
K.ctrl(self.edit.doc, 13, function (){
Self. sync ();
K ('form [name = formCreateDocument] ') [0]. submit ();
});
$ ('# Button1'). click (function (){
Self. sync ();
});
}
});
PrettyPrint ();
});
</Script>
</Head>
<Body>
<Form id = "form1" runat = "server">
<Div>
<Asp: TextBox ID = "TextBox2" runat = "server"> </asp: TextBox>
<Asp: Button
ID = "Button1" runat = "server" Text = "Button" onclick = "button#click"/>
</Div>
</Form>
</Body>
</Html>
---------------- Background
Protected void button#click (object sender, EventArgs e)
{
String txt = this. TextBox2.Text;
}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
