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