ثبت و نمایش محتویات TinyMCE از دیتابیس در ASP.Net

در این مقاله با یک مثال ، چگونگی ذخیره (insert ) و بازیابی (نمایش ) محتویات TinyMCE از دیتابیس در ASP.Net را ، با استفاده از کدهای C # توضیح خواهیم داد.

دیتابیس

در ابتدا دیتابیسی ایجاد میکنیم
در زیر شمایی از جدول،که برای ذخیره محتوای متن غنی (Rich Text HTML) مورد استفاده قرار میگیرد، نمایش داده میشود.

توصیه می شود از نوع داده NVARCHAR برای ذخیره دستورات استفاده کنید.

در مرحله دوم طراحی پروژه را انجام میدهیم

HTML
کد HTML زیر از یک تکست باکس MultiLine و یک جعبه متن غنی(Rich Text) که از پلاگین TinyMCE RichTextEditor استفاده میکند و یک دکمه ساخته شده است.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head >
<body>
    <form id="form1" runat="server">
    <div>
    
<script type="text/javascript" src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script type="text/javascript">
    tinymce.init({ selector: 'textarea', width: 500 });
</script>
<asp:TextBox ID="txtHTMLContent" runat="server" TextMode="MultiLine"/>
<br />
<asp:Button ID="btnSubmit" Text="ثبت" runat="server" OnClick="Submit" />

    </div>
    </form>
</body>
</html>

مرحله سوم کدهای زیر را در صفحه .cs وارد میکنیم

فضاهای نام
شما نیاز به فضانام های زیر دارید.
C #

using System.Data;
using System.Configuration;
using System.Data.SqlClient;

ذخیره محتویات TinyMCE در دیتابیس

رویداد handler زیر زمانی که بر روی دکمه ثبت کلیک شود اجرا میشود و محتوای Rich Text از جعبه متن واکشی شده و به جدول پایگاه داده وارد می شود.
C #

 protected void Submit(object sender, EventArgs e)
        {
            string query = "INSERT INTO [HTMLContent] VALUES (@Content)";
            string conString = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
            using (SqlConnection con = new SqlConnection(conString))
            {
                using (SqlCommand cmd = new SqlCommand(query, con))
                {
                    cmd.Parameters.AddWithValue("@Content", txtHTMLContent.Text);
                    con.Open();
                    cmd.ExecuteNonQuery();
                    con.Close();
                    Response.Redirect("~/Cs.aspx");
                }
            }
        }

بازیابی (نمایش) محتویات TinyMCE از دیتابیس

در داخل رویداد Page Load صفحه، محتوای Rich Text HTML از جدول دیتابیس واکشی شده و در TinyMCE Rich Textbox نمایش داده شود.

protected void Page_Load(object sender, EventArgs e)
        {
            if (!this.IsPostBack)
            {
                string query = "SELECT [Content] FROM [HTMLContent]";
                string conString = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
                using (SqlConnection con = new SqlConnection(conString))
                {
                    using (SqlCommand cmd = new SqlCommand(query, con))
                    {
                        con.Open();
                        using (SqlDataReader sdr = cmd.ExecuteReader())
                        {
                            if (sdr.Read())
                            {
                                txtHTMLContent.Text = sdr["Content"].ToString();
                            }
                            sdr.Close();
                        }
                        con.Close();
                    }
                }
            }

        }

خروجی

فایل های ضمیمه

4774_TinyMCE.rar

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

دوره های در حال ثبت نام آکادمی برنامه نویسان

ثبت و نمایش محتویات TinyMCE از دیتابیس در ASP.Net

ذخیره محتویات TinyMCE در دیتابیس

بازیابی (نمایش) محتویات TinyMCE از دیتابیس

فایل های ضمیمه

برنامه نویسان

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید