搜尋

首頁 >web前端 >html教學 >页面可视化编辑ckeditor(web基础学习笔记十五)_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:49:581243瀏覽

一、CKedit下载ckedit

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

二、ckedit的引入

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

2.2、在页面中引入

在页面头部加入

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

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

多行文本域添加class

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

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   
   
2.5、页面效果
   
   
 
    
  
  
   


   
   
   
   
   
   
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：基于CSS3制作的鼠标悬停动画菜单_html/css_WEB-ITnose下一篇：wap手机端页面根据dpr和宽度计算出font-size对应数值_html/css_WEB-ITnose
相關文章
看更多
    标题