توضیحات و دانلود

استفاده از TextBox های Tiny MCE Rich در ASP.Net
0 0
استفاده از TextBox های Tiny MCE Rich در ASP.Net

با سلام در این مقاله با یک مثال توضیح خواهدم داد که چطور MCE Rich TextBox Editor را در برنامه وب ASP.Net اعمال کنیم.
کد HTML
کد HTML زیر شامل یک TextBox چند خطی ASP.Net، یک دکمه و یک برچسب است.
افزونه TinyMCE به عنصر TextArea اعمال شده است

توجه :

ASP.Net Multiline TextBox به عنوان عنصر TextArea در HTML ارائه می شود، از این رو پلاگین TinyMCE به عنصر TextArea اعمال شده است.

<asp:TextBox ID="txtTinyMCE" runat="server" TextMode="MultiLine"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="Submit" />
<hr />
<asp:Label ID="lblContent" runat="server"></asp:Label>
<script type="text/javascript" src="https://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script type="text/javascript">
    tinymce.init({ selector: 'textarea', width: 300 });
</script>

 نمایش محتوای متن TinyMCE
هنگامی که Submit Button کلیک می شود، محتویات TextBox Rich  در کنترل ASP.Net Label نمایش داده می شود.
C #

protected void Submit(object sender, EventArgs e)
{
    lblContent.Text = txtTinyMCE.Text;
}

VB.Net

Protected Sub Submit(sender As Object, e As System.EventArgs)
    lblContent.Text = txtTinyMCE.Text
End Sub

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :