Maison > interface Web > tutoriel HTML > html编辑器kindeditor的使用_html/css_WEB-ITnose

html编辑器kindeditor的使用_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:48:50
original
1203 Les gens l'ont consulté

1.下载KindEditor最新版本。

2.把kindeditor放在你的网站目录下,随意目录,只要路径设置对就可以!

3.要显示编辑器的位置添加TEXTAREA输入框。如果已经有TEXTAREA,属性里添加ID即可。 


4.在相应页面上添加kindeditor的引用,添加如下代码:

<script></script>
<script><br /> KE.show({<br /> id : 'content_1' //TEXTAREA输入框的ID<br /> });<br /> </script>

src=..... 这里根据你的kindeditor放置位置而变化。

获取textarea的文本内容:
1.在
后面添加隐藏input和button,代码如下:

添加事件处理代码
1.首先是客户端代码,在服务器代码之前执行,代码如下:


function save() 
         {
             var s = KE.util.getData("content_1");
             s = KE.util.escape(s);
             document.getElementById("content_1_1").value = s;
         }

已经在服务器控件中取到了,保存的时候保持content_1_1的value就可以了。
2.服务器代码,代码如下:


protected void Button1_Click(object sender, EventArgs e)
    {
        在这里写你要执行的服务器代码,因为已经去到值了。
    }

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal