Heim >Web-Frontend >HTML-Tutorial >html编辑器kindeditor的使用_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:48:501204Durchsuche

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)
    {
        在这里写你要执行的服务器代码,因为已经去到值了。
    }

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn