asp.NetでのKindEditorエディタの使い方のまとめ

3493 ワード

ダウンロードしてしかし使うことができなくて、ネット上でも似たような方法が探し出せなくて、すべてこのような问题に出会ったことがないかもしれなくて、1晩の研究を経てdemoと同僚はいっしょに手伝って、ついにどのように使うことを研究して、自分で総括して、后で必要とする人に対して役に立つことを望みます.ここでは、データベースからの読み取りと保存を例に挙げます.その他のパラメータはkindeditor公式サイトを参照してください.
1.まず、エディタを使用するパスに下をコピーします.
 
  



<br>document.getElementById("content").value=document.getElementById("content1").value; // content , <%=this.Content.ClientID%> , , <br>var editor = new KindEditor("editor"); <br>editor.hiddenName = "content"; // Runat="server" input <br>editor.editorWidth = "100%"; <br>editor.editorHeight = "280px"; <br>editor.show(); <br>function KindSubmit() { <br>editor.data(); <br>} <br>

2.保存ボタン
 
  

3.后台读取
Aspx页:
 
  
// EditorValue


<br>//document.getElementById("<%=this.contents.ClientID %>").value = document.getElementById("content").value; <br>document.getElementById("contents").value = document.getElementById("content").value; <br>var editor = new KindEditor("editor"); <br>editor.hiddenName = "contents"; <br>editor.skinPath = "/editor/skins/default/"; <br>editor.iconPath = "/editor/icons/"; <br>editor.imageAttachPath = "/editor/attached/"; <br>editor.imageUploadCgi = "/editor/upload_cgi/upload.aspx"; <br>editor.cssPath = "/editor/common.css"; <br>editor.editorType = "simple"; <br>editor.editorWidth = "500px"; <br>editor.editorHeight = "300px"; <br>editor.show(); <br>function KindSubmit() <br>{ <br>editor.data(); <br>} <br>

CSコード:
 
  
protected string EditorValue; // ,
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
BindData();
}
}
private void BindData()
{
string sql = "select Content from About where id=1";
DataBase db = new DataBase();
SqlDataReader dr = db.ReturnDataReader(sql);
try
{
if (dr.Read())
{
EditorValue = dr["Content"].ToString().Trim(); //
}
}
catch (Exception msg)
{
Response.Write(msg.Message);
}
finally
{
db.Close();
}
}

4.保存された値
 
  
Name = content.Value;