简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

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

WBOY
Lepaskan： 2016-06-24 11:49:58
asal
1225 orang telah melayarinya

一、CKedit下载ckedit

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

二、ckedit的引入

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

2.2、在页面中引入

在页面头部加入

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

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

多行文本域添加class

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

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
Salin selepas log masuk
   
   
2.5、页面效果
   
   
 
    
  
  
   


   
   
   
   
   
                   
            
            
            

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

            

       
                
Kenyataan Laman Web ini

                
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

            

           

            

                
Artikel terbaru oleh pengarang

                
            

            

                
Isu terkini

                

                                        

                        

                            function_exists() tidak boleh menentukan fungsi tersuai
                            Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
                            

                                

                                     daripada 2024-04-29 11:01:01
                                

                                

                                    
  0 

                                    
2

                                    
1780

                                

                            

                        

                    

                    

                                        

                        

                            Bagaimana untuk memaparkan versi mudah alih Google Chrome
                            Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
                            

                                

                                     daripada 2024-04-23 00:22:19
                                

                                

                                    
  0 

                                    
10

                                    
1926

                                

                            

                        

                    

                    

                                        

                        

                            Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas.
                            Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
                            

                                

                                     daripada 2024-04-19 15:37:47
                                

                                

                                    
  0 

                                    
1

                                    
1639

                                

                            

                        

                    

                    

                                        

                        

                            Tiada output dalam tetingkap induk
                            document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
                            

                                

                                     daripada 2024-04-18 23:52:34
                                

                                

                                    
  0 

                                    
1

                                    
1547

                                

                            

                        

                    

                    

                                        

                        

                            Di manakah perisian kursus tentang pemetaan minda CSS?
                            Perisian kursus
                            

                                

                                     daripada 2024-04-16 10:10:18
                                

                                

                                    
  0 

                                    
0

                                    
1580

                                

                            

                        

                    

                    

                                    

            

            

                

                    
Topik-topik yang berkaitan

                    Lagi>
                    
                

                

                    
                

            

        
    
    

        

            
Cadangan popular

            

                
            

        

        
        

            

                
Tutorial Popular

                Lagi>
                
            

            

                

                    
Tutorial berkaitan 

                    
Cadangan popular

                    
Kursus terkini

                

                
                
                
            

            
        


        

            

                
Muat turun terkini

                Lagi>
                
            

                        
            

                

                    
kesan web 

                    
Kod sumber laman web

                    
Bahan laman web

                    
Templat hujung hadapan

                

                
                
                
                
            

            
        

    




    

        

            

                

                    

                        Tentang kita
                        Penafian
                        Sitemap
                        

                    

                    
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

                

              
            

        

    

    














    标题