Heim > Web-Frontend > HTML-Tutorial > 页面可视化编辑ckeditor(web基础学习笔记十五)_html/css_WEB-ITnose

页面可视化编辑ckeditor(web基础学习笔记十五)_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:49:58
Original
1256 Leute haben es durchsucht

一、CKedit下载ckedit

下载地址:http://ckeditor.com/

二、ckedit的引入

2.1、解压并将ckedit复制到项目中

2.2、在页面中引入

在页面头部加入

<script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js"></script>
Nach dem Login kopieren

2.3、在需要使用ckedit的标签中添加class="ckeditor"

多行文本域添加class

tr>    <td>内容</td>    <td>    <textarea id="newscontent" name="newscontent" class="ckeditor" rows="8"></textarea>    </td></tr>
Nach dem Login kopieren

2.4、页面全部代码

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js"></script>Insert title here
Nach dem Login kopieren

2.5、页面效果

 

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
标题