Ajax Control Toolkit : HTMLEditorExtender vs Editor

Berikut ini adalah gambar dari kontrol yang telah disebutkan di atas.

image

Kontrol ini memberikan fasilitas untuk memberikan style pada tulisan yang diinputkan oleh user. Berbeda jika kita menggunakan kontrol TextBox saja, yang hanya dapat menginputkan plain text.

Walaupun fungsi kedua kontrol tersebut mempunyai fungsi yang sama seperti yang telah disebutkan di atas, tetap cara penggunannya agak sedikit berbeda.

HTMLEditorExtender

Sesuai namanya, kontrol ini berfungsi untuk memberikan fungsionalitas tambahan kepada kontrol lain, yaitu kontrol TextBox. Kontrol TextBox yang awalnya hanya biasa-biasa saja, menjadi lebih spesial seperti pada gambar berikut :

image

Dengan kode seperti berikut :

image

Pada kode tersebut dapat dilihat TextBox dengan ID adalah TextBox_Editor, kemudian pada control ajaxToolkit HtmlEditorExtender terdapat atribut TargetControlID yang berisi nilai dari TextBox_Editor, sehingga akhirnya didapatkan tampilan seperti gambar di atas.

 

Editor

Kontrol ini berbeda jika dibandingkan dengan kontrol HtmlEditorExtender dimana kontrol ini berdiri sendiri. Untuk mendapatkan tampilan seperti ini :

image

Cukup digunakan kode seperti berikut :

image

Jika diperhatikan pada Ajax Control Toolkit Sample Site, kita mungkin tidak menemuni kontrol ini pada daftar yang ada. Sehingga ada perbedaan jika ingin menggunakan kontrol ini. Jika kontrol-kontrol umum Ajax Control Toolkit sudah dapat digunakan jika kita mendaftarkan baris ini pada web.config :

<add tagPrefix=”ajaxToolkit” assembly=”AjaxControlToolkit” namespace=”AjaxControlToolkit” />

Maka untuk menggunakan kontrol Editor ini, kita harus mendaftar baris berikut ini bersama baris di atas :

<add tagPrefix=”ajaxToolkit” assembly=”AjaxControlToolkit” namespace=”AjaxControlToolkit.HTMLEditor” />

 

Penutup

Masih ada perbedaan lain dalam menggunakan kontrol HtmlEditorExtender, salah satunya adalah penggunaan AntiXSS Sanitizer untuk pengamanan. Hal ini akan dibahas pada posting selanjutnya :)

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.