社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > html教學 > 页面可视化编辑ckeditor(web基础学习笔记十五)_html/css_WEB-ITnose

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

WBOY
發布： 2016-06-24 11:49:58
原創
1256 人瀏覽過

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


   
   
   
   
   
                   
            
            
            

                                    
                        上一篇：基于CSS3制作的鼠标悬停动画菜单_html/css_WEB-ITnose
                    
                                    
                        下一篇：wap手机端页面根据dpr和宽度计算出font-size对应数值_html/css_WEB-ITnose
                    
                            

            

       
                
本網站聲明

                
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

            

            

            

                
作者最新文章

                
            

            

                
最新問題

                

                                        

                        

                            function_exists()無法判定自訂函數
                            function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
                            

                                

                                     來自於 2024-04-29 11:01:01
                                

                                

                                    
  0 

                                    
3

                                    
2204

                                

                            

                        

                    

                    

                                        

                        

                            google 瀏覽器 手機版顯示的怎麼實現
                            老師您好，google 瀏覽器怎麼變成手機版樣式的？
                            

                                

                                     來自於 2024-04-23 00:22:19
                                

                                

                                    
  0 

                                    
11

                                    
2352

                                

                            

                        

                    

                    

                                        

                        

                            子窗口操作父窗口，輸出沒反應
                            前兩句可執行，最後一句沒辦法應
                            

                                

                                     來自於 2024-04-19 15:37:47
                                

                                

                                    
  0 

                                    
1

                                    
1969

                                

                            

                        

                    

                    

                                        

                        

                            父視窗沒有輸出
                            document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
                            

                                

                                     來自於 2024-04-18 23:52:34
                                

                                

                                    
  0 

                                    
1

                                    
1857

                                

                            

                        

                    

                    

                                        

                        

                            關於CSS心智圖的課件在哪？
                            課件
                            

                                

                                     來自於 2024-04-16 10:10:18
                                

                                

                                    
  0 

                                    
0

                                    
1919

                                

                            

                        

                    

                    

                                    

            


            

                

                    
相關專題

                    更多>
                    
                

                

                    
                

            

        
    

    

    
    
        

            
熱門推薦

            

                
            

        

        
        

            

                
熱門教學

                更多>
                
            

            

                

                    
相關教學 

                    
熱門推薦

                    
最新課程

                

                
                
                
            

            
        


        

            

                
最新下載

                更多>
                
            

                        
            

                

                    
網站特效 

                    
網站源碼

                    
網站素材

                    
前端模板

                

                
                
                
                
            

            
        

    






















    标题