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

Table of Contents

1. CKedit download ckedit

2. Introduction of ckedit

2.1. Unzip and copy ckedit to the project

2.2. Introduce

2.3. Add class="ckeditor"

2.4. All code on the page

2.5, page effect

Home

Web Front-end

HTML Tutorial

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:49 AM

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 
 
  
  
 
  
 
  
 
   


						
					
					
						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
					
				

				



				


				
    


					


											
							
								
									
									Hot AI Tools
								
								
																		
											
												
											
											
												
													Undresser.AI Undress
												
												AI-powered app for creating realistic nude photos
											
										
																		
											
												
											
											
												
													AI Clothes Remover
												
												Online AI tool for removing clothes from photos.
											
										
																		
											
												
											
											
												
													Undress AI Tool
												
												Undress images for free
											
										
																		
											
												
											
											
												
													Clothoff.io
												
												AI clothes remover
											
										
																		
											
												
											
											
												
													Video Face Swap
												
												Swap faces in any video effortlessly with our completely free AI face swap tool!
											
										
																
								
									Show More
								
							
						
					

					

					
						
							
								
								Hot Article
							
							
															
									What's New in Windows 11 KB5054979 & How to Fix Update Issues
									
										4 weeks ago
										By DDD
									
								
															
									How to fix KB5055523 fails to install in Windows 11?
									
										3 weeks ago
										By DDD
									
								
															
									How to fix KB5055518 fails to install in Windows 10?
									
										3 weeks ago
										By DDD
									
								
															
									Strength Levels for Every Enemy & Monster in R.E.P.O.
									
										3 weeks ago
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															
									Blue Prince: How To Get To The Basement
									
										3 weeks ago
										By DDD
									
								
														
							
								Show More
							
						
					


											
							
								
									
									Hot Tools
								
								
																		
											
												
											
											
												
													Notepad++7.3.1
												
												Easy-to-use and free code editor
											
										
																			
											
												
											
											
												
													SublimeText3 Chinese version
												
												Chinese version, very easy to use
											
										
																			
											
												
											
											
												
													Zend Studio 13.0.1
												
												Powerful PHP integrated development environment
											
										
																			
											
												
											
											
												
													Dreamweaver CS6
												
												Visual web development tools
											
										
																			
											
												
											
											
												
													SublimeText3 Mac version
												
												God-level code editing software (SublimeText3)
											
										
																	
								
									Show More
								
							
						
										

					
					
						
							
								
								Hot Topics
							
							
															
									Where is the login entrance for gmail email?
									
										
											
											7923
										
										
											
											15
										
									
								
															
									Java Tutorial
									
										
											
											1652
										
										
											
											14
										
									
								
															
									CakePHP Tutorial
									
										
											
											1411
										
										
											
											52
										
									
								
															
									Laravel Tutorial
									
										
											
											1303
										
										
											
											25
										
									
								
															
									PHP Tutorial
									
										
											
											1249
										
										
											
											29
										
									
								
														
							
								Show More
							
						
					
				
			
							
					
						
							Related knowledge
						
						

													
								
									
								
								Is HTML easy to learn for beginners?
								Apr 07, 2025 am	 12:11 AM
								HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.
							
														
								
									
								
								The Roles of HTML, CSS, and JavaScript: Core Responsibilities
								Apr 08, 2025 pm	 07:05 PM
								HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.
							
														
								
									
								
								Understanding HTML, CSS, and JavaScript: A Beginner's Guide
								Apr 12, 2025 am	 12:02 AM
								WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.
							
														
								
									
								
								Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors?
								Apr 04, 2025 pm	 11:54 PM
								GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...
							
														
								
									
								
								What is an example of a starting tag in HTML?
								Apr 06, 2025 am	 12:04 AM
								AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.
							
														
								
									
								
								How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking?
								Apr 05, 2025 am	 06:15 AM
								To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...
							
														
								
									
								
								HTML, CSS, and JavaScript: Essential Tools for Web Developers
								Apr 09, 2025 am	 12:12 AM
								HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.
							
														
								
									
								
								How to distinguish between closing a browser tab and closing the entire browser using JavaScript?
								Apr 04, 2025 pm	 10:21 PM
								How to distinguish between closing tabs and closing entire browser using JavaScript on your browser? During the daily use of the browser, users may...
							
													

													
								See all articles
								
							
											
				
					
	
	
    
        
            
            Public welfare online PHP training，Help PHP learners grow quickly！
        
        
            About us
            Disclaimer
            Sitemap
        
        
            
                © php.cn All rights reserved
            
        
    







		
	
	
	
	
	
	

	
	






    标题