页面可视化编辑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)
									

										2 Il y a quelques semaines
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															

									Repo: Comment relancer ses coéquipiers
									

										4 Il y a quelques semaines
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															

									Hello Kitty Island Adventure: Comment obtenir des graines géantes
									

										4 Il y a quelques semaines
										By 尊渡假赌尊渡假赌尊渡假赌
									
								
															

									Combien de temps faut-il pour battre Split Fiction?
									

										3 Il y a quelques semaines
										By DDD
									
								
															

									R.E.P.O. Enregistrer l'emplacement du fichier: où est-il et comment le protéger?
									

										3 Il y a quelques semaines
										By DDD
									
								
														
							

								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 ?
									

										

											
											7322
										
										

											
											9
										
									
								
															

									Tutoriel Java
									

										

											
											1625
										
										

											
											14
										
									
								
															

									Tutoriel CakePHP
									

										

											
											1350
										
										

											
											46
										
									
								
															

									Tutoriel Laravel
									

										

											
											1262
										
										

											
											25
										
									
								
															

									Tutoriel PHP
									

										

											
											1209
										
										

											
											29
										
									
								
														
							

								Afficher plus
							
						
					
				
			
							

					

						

							Related knowledge
						
						


													

								
									
								
								Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version?
								Mar 04, 2025 pm	 12:32 PM
								
Le cache de mise à jour de la page Web du compte officiel, cette chose est simple et simple, et elle est suffisamment compliquée pour en boire un pot. Vous avez travaillé dur pour mettre à jour l'article officiel du compte, mais l'utilisateur a toujours ouvert l'ancienne version. Dans cet article, jetons un coup d'œil aux rebondissements derrière cela et comment résoudre ce problème gracieusement. Après l'avoir lu, vous pouvez facilement faire face à divers problèmes de mise en cache, permettant à vos utilisateurs de toujours ressentir le contenu le plus frais. Parlons d'abord des bases. Pour le dire franchement, afin d'améliorer la vitesse d'accès, le navigateur ou le serveur stocke des ressources statiques (telles que des images, CSS, JS) ou du contenu de la page. La prochaine fois que vous y accédez, vous pouvez le récupérer directement à partir du cache sans avoir à le télécharger à nouveau, et il est naturellement rapide. Mais cette chose est aussi une épée à double tranchant. La nouvelle version est en ligne,
							
														

								
									
								
								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.
							
														

								
									
								
								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.
							
														

								
									
								
								Comment ajouter efficacement les effets de course aux images PNG sur les pages Web?
								Mar 04, 2025 pm	 02:39 PM
								
Cet article démontre un ajout de bordure PNG efficace aux pages Web à l'aide de CSS.  Il soutient que CSS offre des performances supérieures par rapport à JavaScript ou à des bibliothèques, détaillant comment ajuster la largeur, le style et la couleur des bordures pour un effet subtil ou proéminent
							
														

								
									
								
								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
							
														

								
									
								
								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
							
														

								
									
								
								Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement?
								Mar 12, 2025 pm	 04:05 PM
								
Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure.  Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit
							
														

								
									
								
								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
							
													

													
								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
            
        
    







		
	
	
	
	
	
	

	
	


    
标题