Page visual editing ckeditor (web basic study notes 15)_html/css

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>

Copy after login

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>

Copy after login

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>Insert title here
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
                                    2204
                                
                            
                        
                    
                    
                                        
                        
                            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
                                    2352
                                
                            
                        
                    
                    
                                        
                        
                            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
                                    1968
                                
                            
                        
                    
                    
                                        
                        
                            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
                                    1857
                                
                            
                        
                    
                    
                                        
                        
                            Where is the courseware about CSS mind mapping?
                            Courseware
                            
                                
                                     From 2024-04-16 10:10:18
                                
                                
                                      0 
                                    0
                                    1918
                                
                            
                        
                    
                    
                                    
            

            
                
                    Related Topics
                    More>
                    
                
                
                    
                                                
                             
                            css background code collection 
                        
                                                
                             
                            Is there a big difference between c language and Python? 
                        
                                                
                             
                            Usage of calendar class in java 
                        
                                                
                             
                            Common tools for software testing 
                        
                                                
                             
                            wap browser 
                        
                                                
                             
                            Win10 does not support the disk layout solution of Uefi firmware 
                        
                                                
                             
                            How to use RealVNC 
                        
                                                
                             
                            webservice call 
                        
                                            
                
            
        
    

    
    
    
        
            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)
                                    
                                        1422957 
                                     
                                                                                    
                                                
                                            
                                                                            
                                
                            
                                                
                                
                                    
                                
                                
                                    PHP introductory tutorial one: Learn PHP in one week
                                    
                                        4268234 
                                     
                                                                                    
                                                
                                            
                                                                            
                                
                            
                                                
                                
                                    
                                
                                
                                    JAVA Beginner's Video Tutorial
                                    
                                        2533418 
                                     
                                                                                    
                                                
                                            
                                                                            
                                
                            
                                                
                                
                                    
                                
                                
                                    Little Turtle's zero-based introduction to learning Python video tutorial
                                    
                                        507236 
                                     
                                                                                    
                                                
                                            
                                                                            
                                
                            
                                                
                                
                                    
                                
                                
                                    PHP zero-based introductory tutorial
                                    
                                        862367 
                                     
                                                                                    
                                                
                                            
                                                                            
                                
                            
                                    
                
                                            
                            
                                
                            
                            
                                The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)
                                
                                    1422957 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                JAVA Beginner's Video Tutorial
                                
                                    2533418 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                Little Turtle's zero-based introduction to learning Python video tutorial
                                
                                    507236 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                Quick introduction to web front-end development
                                
                                    215806 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                Master PS video tutorials from scratch
                                
                                    889907 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                    
                
                                            
                            
                                
                            
                            
                                [Web front-end] Node.js quick start
                                
                                    7455 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                Complete collection of foreign web development full-stack courses
                                
                                    5940 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                Go language practical GraphQL
                                
                                    4924 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                550W fan master learns JavaScript from scratch step by step
                                
                                    695 times of learning
                                                                                
                                                
                                            
                                                                        
                            
                        
                                            
                            
                                
                            
                            
                                Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours
                                
                                    24672 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
            
        
    



















    标题