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 hereCopy 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
                                    1779
                                
                            
                        
                    
                    
                                    
            

            
                
                    Related Topics
                    More>
                    
                
                
                    
                                                
                             
                            Computer 404 error page 
                        
                                                
                             
                            Solution to the Invalid Partition Table prompt when Windows 10 starts up 
                        
                                                
                             
                            How to solve the problem of missing ssleay32.dll 
                        
                                                
                             
                            How to set IP 
                        
                                                
                             
                            How to open state file 
                        
                                                
                             
                            Why is the mobile hard drive so slow to open? 
                        
                                                
                             
                            What are the basic units of C language? 
                        
                                                
                             
                            What platform is Kuai Tuan Tuan? 
                        
                                            
                
            
        
    

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













    标题