membuat text editor dengan Ajax Control Toolkit
Bismilahirrahmanirrahim….
Memenuhi janji saya kemarin untuk membahas ttg kontrol tersedia pada Ajax Contrrol toolkit dan tentunya juga atas dukungan tmn2 semua untuk menulis kembali. Maka saya mencoba kembali untuk menulis ttg Ajax Contol Toolkit, tulisan kali ini akan membahas ttg kontrol yang tersedia pada Ajax Control Toolkit. kontrol yang akan dibahas kali ini adalah Editor.
Editor merupakan kontrol yang tersedia pada Ajax Control Toolkit, kontrol ini memungkinkan programmer web untuk membuat suatu text editor pada halaman web, sehingga kita dapat mengatur text yang kita inginkan seperti: warna text, tipe text, ukuran, dll.Tentunya dengan menggunakan codding yang sederhana dan tidak akan membuat sang progammer sampe keringat dingin untuk menulis codding.Nah, karena pendahulaanya udah bnyak bgt, so langsung kita ngebahas ttg Kontrol Editor.
Tahapan-tahapannya sebagai berikut :
1. Buka Visual Studio/Visual web Developer
2. Buat website baru. Pilih menu file- create new website-pilih location dengan File System-pilih language dengan C# (bagi anda yg terbiasa menggunakan Vb, maka Anda dapat memilih Language Vb)-tentukan lokasi dan beri nama file(example : Htmleditor)-ok
3.Selanjutnya pada halaman Default.aspx, pilih bagian Design.
4. Pilih dan klik dua kali atau drag dan drop script manager, yang terdapat pada tab Ajax Extension di toolbox ke halaman Default.aspx
5. Pilih dan klik dua kali Editor, yang terdapat pada tab Ajax Control Toolkit di Toolbox ke halaman Default.aspx
6. Pilih menu debug, lalu pilih star debugging atau tekan F5 pada keybord
7. Maka pada browsermu akan tampil, tampilan seperti ini
Untuk mencetak tulisan, maka kita harus membuat satu button dan satu label. caranya sebagai berikut :
1. Pilih dan klik dua kali atau drag dan drop Button, yang terdapat pada tab standart di Toolbox ke halaman Default.aspx.
2.Pilih dan klik dua kali atau drag dan drop Label, yang terdapat pada tab standart di Toolbox ke halaman Default.aspx.
2. Klik 2 kali Button, maka kita akan menuju ke halaman Default.aspx.cs
3. Pada bagian ini ketikkan codding sebagai berikut :
protected void Button_Click(object sender, EventArgs e)
{
label1. text= Editor1.Content;
}
4. Sehingga pada browser akan tampil, tampilan berikut
Selamat mencoba, semoga bermanfaat.