Componen, Fungsi & Event Framework zkoss - V [ WYSIWYG Editor ]

 

Berikut adalah contoh componen WYSIWYG Editor pada zkoss 

<zk>

<ckeditor id="ed" onChange="ta.value = self.value">

<attribute name="value">

&lt;table width="200" cellspacing="1" cellpadding="1" border="1"&gt;

    &lt;tbody&gt;

        &lt;tr style="background: #B7B313; color:white;"&gt;

            &lt;td&gt;First Name&lt;/td&gt;

            &lt;td&gt;Last Name&lt;/td&gt;

        &lt;/tr&gt;

        &lt;tr&gt;

            &lt;td&gt;Jone&lt;/td&gt;

            &lt;td&gt;Hayes&lt;/td&gt;

        &lt;/tr&gt;

        &lt;tr&gt;

            &lt;td&gt;Mary&lt;/td&gt;

            &lt;td&gt;Bally&lt;/td&gt;

        &lt;/tr&gt;

    &lt;/tbody&gt;

&lt;/table&gt;

</attribute>

</ckeditor>

<textbox id="ta" rows="6" width="100%" onChange="ed.value = self.value"/>

</zk>

Reference : https://www.zkoss.org/zksandbox/#g2