Page visual editing ckeditor (web basic study notes 15)_html/css_WEB-ITnose

1. CKedit download ckedit

Download address: http://ckeditor.com/

2. Introduction of ckedit

2.1. Unzip and copy ckedit to the project

2.2. Introduce

into the page and add

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

2.3. Add class="ckeditor"

to the tags that need to use ckedit. Add class

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

2.4. All code on the page

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js"></script>
Copy after login
 
 
2.5, page effect 
 
 
 
  
 
 
 
 
 
 
 
 
                  
            
            

                                

                    Related labels：
                    

                        页面可视化编辑ckeditor(web基础学习笔记十五)                    
                
                                
source：php.cn
                            
            

                                    
                        Previous article：Mouseover animated menu based on CSS3_html/css_WEB-ITnose
                    
                                    
                        Next article：The wap mobile page calculates the corresponding value of font-size based on dpr and width_html/css_WEB-ITnose
                    
                            
            

       
                
Statement of this Website
                
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
            
            

            

                
Latest Articles by Author
                

                                            

                            

                                
                                What is a NullPointerException, and how do I fix it?
                            
                            
2024-10-22 09:46:29
                        
                                            

                            

                                
                                From Novice to Coder: Your Journey Begins with C Fundamentals
                            
                            
2024-10-13 13:53:41
                        
                                            

                            

                                
                                Unlocking Web Development with PHP: A Beginner's Guide
                            
                            
2024-10-12 12:15:51
                        
                                            

                            

                                
                                Demystifying C: A Clear and Simple Path for New Programmers
                            
                            
2024-10-11 22:47:31
                        
                                            

                            

                                
                                Unlock Your Coding Potential: C Programming for Absolute Beginners
                            
                            
2024-10-11 19:36:51
                        
                                            

                            

                                
                                Unleash Your Inner Programmer: C for Absolute Beginners
                            
                            
2024-10-11 15:50:41
                        
                                            

                            

                                
                                Automate Your Life with C: Scripts and Tools for Beginners
                            
                            
2024-10-11 15:07:41
                        
                                            

                            

                                
                                PHP Made Easy: Your First Steps in Web Development
                            
                            
2024-10-11 14:21:21
                        
                                            

                            

                                
                                Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity
                            
                            
2024-10-11 12:59:11
                        
                                            

                            

                                
                                The Key to Coding: Unlocking the Power of Python for Beginners
                            
                            
2024-10-11 12:17:31
                        
                                    
            
            

                
Latest Issues
                

                                        

                        

                            function_exists() cannot determine the custom function
                            Function test () {return true;} if (function_exists ('test')) {echo "test is function...
                            

                                

                                     From 2024-04-29 11:01:01
                                
                                

                                    
  0 
                                    
3
                                    
2061
                                
                            
                        
                    
                    

                                        

                        

                            How to display the mobile version of Google Chrome
                            Hello teacher, how can I change Google Chrome into a mobile version?
                            

                                

                                     From 2024-04-23 00:22:19
                                
                                

                                    
  0 
                                    
11
                                    
2222
                                
                            
                        
                    
                    

                                        

                        

                            The child window operates the parent window, but the output does not respond.
                            The first two sentences are executable, but the last sentence cannot be implemented.
                            

                                

                                     From 2024-04-19 15:37:47
                                
                                

                                    
  0 
                                    
1
                                    
1872
                                
                            
                        
                    
                    

                                        

                        

                            There is no output in the parent window
                            document.onclick = function(){ window.opener.document.write('I am the output of the child ...
                            

                                

                                     From 2024-04-18 23:52:34
                                
                                

                                    
  0 
                                    
1
                                    
1753
                                
                            
                        
                    
                    

                                        

                        

                            Where is the courseware about CSS mind mapping?
                            Courseware
                            

                                

                                     From 2024-04-16 10:10:18
                                
                                

                                    
  0 
                                    
0
                                    
1781
                                
                            
                        
                    
                    

                                    
            

            

                

                    
Related Topics
                    More>
                    
                
                

                    

                                                

                             
                            Is Yiouoky a legal software? 
                        
                                                

                             
                            lte 
                        
                                                

                             
                            How to enable TFTP server 
                        
                                                

                             
                            c language const usage 
                        
                                                

                             
                            Bitcoin buying and selling process on Huobi.com 
                        
                                                

                             
                            Advantages of downloading the official website of Yiou Exchange App 
                        
                                                

                             
                            The difference between JD.com's self-operated flagship store and its official flagship store 
                        
                                                

                             
                            What to do if Linux prompts No such file or directory when executing a file 
                        
                                            
                
            
        
    

    

    
    
        

            
Popular Recommendations
            

                

                                                

                                

                                    
                                    What does url mean?
                                
                            
                                                

                                

                                    
                                    What does DOM mean?
                                
                            
                                                

                                

                                    
                                    How to change image size
                                
                            
                                                

                                

                                    
                                    How to make font bold in HTML
                                
                            
                                                

                                

                                    
                                    How to set the size of html images
                                
                            
                                    
            
        
        
        

            

                
Popular Tutorials
                More>
                
            
            

                

                    
Related Tutorials 

                    
Popular Recommendations

                    
Latest courses

                
                

                                                

                                
                                    
                                
                                

                                    The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)
                                    

                                        
1421533 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    PHP introductory tutorial one: Learn PHP in one week
                                    

                                        
4265615 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    JAVA Beginner's Video Tutorial
                                    

                                        
2517297 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    Little Turtle's zero-based introduction to learning Python video tutorial
                                    

                                        
506311 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    PHP zero-based introductory tutorial
                                    

                                        
861500 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                    
                

                                            

                            
                                
                            
                            

                                The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)
                                

                                    
1421533 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                JAVA Beginner's Video Tutorial
                                

                                    
2517297 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Little Turtle's zero-based introduction to learning Python video tutorial
                                

                                    
506311 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Quick introduction to web front-end development
                                

                                    
215637 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Master PS video tutorials from scratch
                                

                                    
886482 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                    
                

                                            

                            
                                
                            
                            

                                [Web front-end] Node.js quick start
                                

                                    
7225 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Complete collection of foreign web development full-stack courses
                                

                                    
5632 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Go language practical GraphQL
                                

                                    
4738 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                550W fan master learns JavaScript from scratch step by step
                                

                                    
675 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours
                                

                                    
23856 times of learning
                                                                                

                                                
                                            
                                                                        
                            
                        
                                    
            
            
        

        

            

                
Latest Downloads
                More>
                
            
                        
            

                

                    
Web Effects 

                    
Website Source Code

                    
Website Materials

                    
Front End Template

                
                

                                            

                            

                                
                                [form button] jQuery enterprise message form contact code
                            
                        
                                            

                            

                                
                                [Player special effects] HTML5 MP3 music box playback effects
                            
                        
                                            

                            

                                
                                [Menu navigation] HTML5 cool particle animation navigation menu special effects
                            
                        
                                            

                            

                                
                                [form button] jQuery visual form drag and drop editing code
                            
                        
                                            

                            

                                
                                [Player special effects] VUE.JS imitation Kugou music player code
                            
                        
                                            

                            

                                
                                [html5 special effects] Classic html5 pushing box game
                            
                        
                                            

                            

                                
                                [Picture special effects] jQuery scrolling to add or reduce image effects
                            
                        
                                            

                            

                                
                                [Photo album effects] CSS3 personal album cover hover zoom effect
                            
                        
                                    
                

                                            

                            

                                
                                [Front-end template] Home Decor Cleaning and Repair Service Company Website Template
                            
                        
                                            

                            

                                
                                [Front-end template] Fresh color personal resume guide page template
                            
                        
                                            

                            

                                
                                [Front-end template] Designer Creative Job Resume Web Template
                            
                        
                                            

                            

                                
                                [Front-end template] Modern engineering construction company website template
                            
                        
                                            

                            

                                
                                [Front-end template] Responsive HTML5 template for educational service institutions
                            
                        
                                            

                            

                                
                                [Front-end template] Online e-book store mall website template
                            
                        
                                            

                            

                                
                                [Front-end template] IT technology solves Internet company website template
                            
                        
                                            

                            

                                
                                [Front-end template] Purple style foreign exchange trading service website template
                            
                        
                                    
                

                                            

                            

                                
                                [PNG material] Cute summer elements vector material (EPS PNG)
                            
                        
                                            

                            

                                
                                [PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)
                            
                        
                                            

                            

                                
                                [banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)
                            
                        
                                            

                            

                                
                                [PNG material] Golden graduation cap vector material (EPS PNG)
                            
                        
                                            

                            

                                
                                [PNG material] Black and white style mountain icon vector material (EPS PNG)
                            
                        
                                            

                            

                                
                                [PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses
                            
                        
                                            

                            

                                
                                [banner picture] Flat style Arbor Day banner vector material (AI+EPS)
                            
                        
                                            

                            

                                
                                [PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)
                            
                        
                                    
                

                                            

                            

                                
                                [Front-end template] Home Decor Cleaning and Repair Service Company Website Template
                            
                        
                                            

                            

                                
                                [Front-end template] Fresh color personal resume guide page template
                            
                        
                                            

                            

                                
                                [Front-end template] Designer Creative Job Resume Web Template
                            
                        
                                            

                            

                                
                                [Front-end template] Modern engineering construction company website template
                            
                        
                                            

                            

                                
                                [Front-end template] Responsive HTML5 template for educational service institutions
                            
                        
                                            

                            

                                
                                [Front-end template] Online e-book store mall website template
                            
                        
                                            

                            

                                
                                [Front-end template] IT technology solves Internet company website template
                            
                        
                                            

                            

                                
                                [Front-end template] Purple style foreign exchange trading service website template
                            
                        
                                    
            
            
        
    


    

        

            
            
Public welfare online PHP training，Help PHP learners grow quickly！
        
        

            About us
            Disclaimer
            Sitemap
        
        

            

                © php.cn All rights reserved
            
        
    













    
标题