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

一、CKedit下载ckedit

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

二、ckedit的引入

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

2.2、在页面中引入

在页面头部加入

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

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

多行文本域添加class

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

2.4、页面全部代码

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><script type="text/javascript" src="<%=request.getContextPath()%>/ckeditor/ckeditor.js"></script>
Copier après la connexion
   
   
2.5、页面效果
   
   
 
    
  
  
   
   
   
   
   
   
   


						
					
					

						
Déclaration de ce site Web
						
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
					
				

				



				



				
    


					


											

							

								

									
									
Outils d'IA chauds
								
								

																		

											
												
											
											

												
													
Undresser.AI Undress
												
												
Application basée sur l'IA pour créer des photos de nu réalistes
											
										
																		

											
												
											
											

												
													
AI Clothes Remover
												
												
Outil d'IA en ligne pour supprimer les vêtements des photos.
											
										
																		

											
												
											
											

												
													
Undress AI Tool
												
												
Images de déshabillage gratuites
											
										
																		

											
												
											
											

												
													
Clothoff.io
												
												
Dissolvant de vêtements AI
											
										
																		

											
												
											
											

												
													
AI Hentai Generator
												
												
Générez AI Hentai gratuitement.
											
										
																
								

									Afficher plus
								
							
						
					

					

					

						

							

								
								
Article chaud
							
							

															

									R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
									

										1 Il y a quelques mois
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															

									R.E.P.O. Meilleurs paramètres graphiques
									

										1 Il y a quelques mois
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															

									Assassin's Creed Shadows: Solution d'énigmes de coquille
									

										2 Il y a quelques semaines
										By DDD
									
								
															

									R.E.P.O. Comment réparer l'audio si vous n'entendez personne
									

										1 Il y a quelques mois
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															

									R.E.P.O. Commandes de chat et comment les utiliser
									

										1 Il y a quelques mois
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
														
							

								Afficher plus
							
						
					


											

							

								

									
									
Outils chauds
								
								

																		

											
												
											
											

												
													
Bloc-notes++7.3.1
												
												
Éditeur de code facile à utiliser et gratuit
											
										
																			

											
												
											
											

												
													
SublimeText3 version chinoise
												
												
Version chinoise, très simple à utiliser
											
										
																			

											
												
											
											

												
													
Envoyer Studio 13.0.1
												
												
Puissant environnement de développement intégré PHP
											
										
																			

											
												
											
											

												
													
Dreamweaver CS6
												
												
Outils de développement Web visuel
											
										
																			

											
												
											
											

												
													
SublimeText3 version Mac
												
												
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
											
										
																	
								

									Afficher plus
								
							
						
										

					
					

						

							

								
								
Sujets chauds
							
							

															

									Où se trouve l'entrée de connexion pour la messagerie Gmail ?
									

										

											
											7541
										
										

											
											15
										
									
								
															

									Tutoriel CakePHP
									

										

											
											1381
										
										

											
											52
										
									
								
															

									Quel est le format du nom de compte de Steam
									

										

											
											83
										
										

											
											11
										
									
								
															

									Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent
									

										

											
											55
										
										

											
											19
										
									
								
															

									NYT Connexions Indices et réponses
									

										

											
											21
										
										

											
											86
										
									
								
														
							

								Afficher plus
							
						
					
				
			
							

					

						

							Related knowledge
						
						


													

								
									
								
								Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5?
								Mar 17, 2025 pm	 12:20 PM
								
L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.
							
														

								
									
								
								Quel est le but du & lt; Progress & gt; élément?
								Mar 21, 2025 pm	 12:34 PM
								
L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati
							
														

								
									
								
								Quel est le but du & lt; datalist & gt; élément?
								Mar 21, 2025 pm	 12:33 PM
								
L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159
							
														

								
									
								
								Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur?
								Mar 17, 2025 pm	 12:27 PM
								
L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.
							
														

								
									
								
								Quel est le but du & lt; mètre & gt; élément?
								Mar 21, 2025 pm	 12:35 PM
								
L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex
							
														

								
									
								
								Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive?
								Mar 20, 2025 pm	 05:56 PM
								
L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.
							
														

								
									
								
								Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez?
								Mar 20, 2025 pm	 06:05 PM
								
L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.
							
														

								
									
								
								HTML est-il facile à apprendre pour les débutants?
								Apr 07, 2025 am	 12:11 AM
								
HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.
							
													

													
								See all articles
								
							
											
				
					
	
	

    

        

            
            
Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！
        
        

            À propos de nous
            Clause de non-responsabilité
            Sitemap
        
        

            

                © php.cn All rights reserved
            
        
    







		
	
	
	
	
	
	

	
	


    
标题