Intégrer ckeditor dans un formulaire

Gendy0 Messages postés 103 Statut Membre -  
jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour , j'aimerer intégrer ck editor dans cette page (à la place du test area :

5 réponses

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Bonjour,

    Ok...

    Et sur quoi bloques tu ?
    Qu'as tu essayé ?

    0
    1. Gendy0 Messages postés 103 Statut Membre
       
      Oui j'ai essayer mais je n'arrive pas
      0
    2. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831 > Gendy0 Messages postés 103 Statut Membre
       
      MAIS TU AS ESSAYE QUOI ???
      Montres nous ton code .... sinon comment penses tu que nous pourrons t'aider ??

      **** Attention ****
      Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
      Explications disponibles ici :
      https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

      .
      0
    3. Gendy0 Messages postés 103 Statut Membre
       
      Si tu veut je mest le fichier en lui meme a télécharger car après si c'est fait il est integrer quand je vais publier il va se mettre en balise html
      0
    4. Gendy0 Messages postés 103 Statut Membre
       
      Voici le lien de téléchargement du site , j'aimerer integrer ckeditor et qu quand je publie avec , j'aimerer que ce ne soit pas avec les balise en html quoi. : http://furkan-tv.tk/ms_member_light.rar
      0
    5. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
       
      Tu COLLES le code ICI directement !
      Et tu lui appliques la coloration syntaxique (les balises de code) comme expliqué dans le lien que je t'ai donné !
      0
  2. Gendy0 Messages postés 103 Statut Membre
     
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><head>
           <title>Administration de TITRE_SITE >>> News >>> Ajouter une news</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    	   <link rel="stylesheet" media="screen" type="text/css" href="../style.css">
    
    <style>
    </style>
       </head>
    
    <body><script type="text/javascript" src="http://www-1-classic.clicmanager.net/execs/content.php?v=1.0&a=43793&f=728x90&zk=i3Aq7bcaz9UMw&ccn=0&frameId=frameCMe4609e623002af565542a34cea56bb5bi&apicitIdPAPXTime=bf96ae8d8f255788f06aa1b432cdfb17&apicitIdPAPXTimeMore=sw%5B132%5D&top=http%3A//persofurk.livehost.fr//news/ajouter.php&pAv=1&&CMRPK=&mobile=0"></script>
    
    	<div align="center">
    	<div id="en_tete">
    	
    	</div>
    	</div>
    	
    <div id="menu_gauche">
    	<div class="element_menu">
    	<ul>
    	<b>Navigation</b>
    	<hr>
    	<a href="http://persofurk.livehost.fr//accueil.php">Accéder à l'accueil</a>	<br>
        <a href="http://persofurk.livehost.fr//messagerie.php">Messagerie</a><br>
    	<a href="http://persofurk.livehost.fr//minichat/">MiniChat</a><br>	
    <a href="http://persofurk.livehost.fr//connection.php">Déconnection</a><br><br>
       
    	</ul>
    	</div>
    	
    	<div class="element_menu">
    	<ul>
    	<b>Membres</b>
    	<hr>
    	<a href="http://persofurk.livehost.fr//utilisateurs.php">liste des membres</a><br>
    	<a href="http://persofurk.livehost.fr//modifier_profil.php">Votre profil</a><br>
    	</ul>
    	</div>
    	
    	<div class="element_menu">
    	<ul>
    	<b>News</b>
    	<hr>
    	<a href="http://persofurk.livehost.fr//news/ajouter.php">Publier une news</a>
    	<br>
    	<a href="http://persofurk.livehost.fr//news/">voir les news</a>
    	</ul>
    	</div>
    	
    	<div class="element_menu">
    	<ul>
    	<b>Administration</b>
    	<hr>
    	<a href="http://persofurk.livehost.fr//admin/">Accueil administration</a><br>
    	<a href="http://persofurk.livehost.fr//contact.php">Contact</a><br>
    	</ul>
    	</div>
    </div>
    
    
    
    <div id="corps">
    <form method="post" action="creer.php">
    	<font size="3" face="Century Gothic" color="#FFFFFF">Titre : <input type="text" name="titre">
    	<br>
    	<br>
    	Contenu : <textarea name="contenu" style="width:95%; height:150px"></textarea>
    	<br>
    	<font size="1">L'HTML est autorisé. Si vous mettez des <font size="3">'</font>, mettez un / avant le <font size="3">'</font>.</font>
    	<br>
    	<br>
    	Auteur :</font> <input type="text" name="auteur">
    	<br>
    	<br>
    	<input type="submit" value="Ajouter cette news">
    </form>
    </div><script></script><!-- "-->
    	
    	<style>
    		#foote6842{ 
    			background:none;
    			position: fixed;
    			width: 100%;
    			left: 0px;
    			bottom: 0px;
    			padding:0;
    			margin:0;
    			z-index:1000000000;
    			display:none;
    			height:125px !important;
    			
    		}
    		body{ 
    			//margin-bottom:100px;
    		}
    		
    		div a.closelhe6842{ 
    			text-align:center;
    			background-color:rgba(0,0,0,0.7);
    			color:#FFF;
    			display:block;
    			padding:0;
    			margin:0;
    			font-family:tahoma;
    			font-size:12px;
    			border-radius:2px;
    			text-decoration:none;
    			font-weight:bold;
    			line-height:25px;
    		}
    		a.closelhe6842:hover{ 
    			background-color:#0044AA;
    		}
    		div.notelh874{
    			font-family:Arial;
    			background-color:rgba(0,0,0,0.4);
    			//background-color:#08f;
    			color:#fff;
    			font-size:14px;
    			text-align:left;
    			padding-left:10px;
    			line-height:16px;
    			font-weight:normal;
    			
    		}
    	</style>
    	<script> document.write('<style>#foote6842{ display:block; }</style>');</script><style>#foote6842{ display:block; }</style>
    	<div id="foote6842">
    		<center>
    			<div style="margin:0px;padding:0px 0px;width:728px;background-color:rgba(0,0,0,0.0);">
    				<div style="margin:0 0 0px 0;height:134px;width:100%;">
    					<center>
    					
    					<div style="width:728px;margin:0 auto;">
    						<a style="margin-bottom:5px;width:228px;" class="closelhe6842" href="javascript:closepub_lhe6842();">Fermer cette publicité</a>
    						<div style="float:left;width:728px;background-color:none;">
    						
    									<script type="text/javascript">
    									<!--//<![CDATA[
    									   document.MAX_ct0 ='';
    									   var m3_u = (location.protocol=='https:'?'https://cas.criteo.com/delivery/ajs.php?':'http://cas.criteo.com/delivery/ajs.php?');
    									   var m3_r = Math.floor(Math.random()*99999999999);
    									   document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
    									   document.write ("zoneid=203991");document.write("&nodis=1");
    									   document.write ('&cb=' + m3_r);
    									   if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used);
    									   document.write (document.charset ? '&charset='+document.charset : (document.characterSet ? '&charset='+document.characterSet : ''));
    									   document.write ("&loc=" + escape(window.location));
    									   if (document.referrer) document.write ("&referer=" + escape(document.referrer));
    									   if (document.context) document.write ("&context=" + escape(document.context));
    									   if ((typeof(document.MAX_ct0) != 'undefined') && (document.MAX_ct0.substring(0,4) == 'http')) {
    										   document.write ("&ct0=" + escape(document.MAX_ct0));
    									   }
    									   if (document.mmm_fo) document.write ("&mmm_fo=1");
    									   document.write ("'></scr"+"ipt>");
    									//]]>--></script><script type="text/javascript" src="http://cas.criteo.com/delivery/ajs.php?zoneid=203991&nodis=1&cb=25067195598&exclude=undefined&charset=windows-1252&loc=http%3A//persofurk.livehost.fr//news/ajouter.php&referer=http%3A//persofurk.livehost.fr//minichat/"></script><div id="beacon_d36a04e4fc" style="position: absolute; left: 0px; top: 0px; visibility: hidden;">
    <img width="0" height="0" src="http://cat.fr.eu.criteo.com/delivery/lg.php?cppv=1&cpp=a8KK%2BHxqalk0bTB2bVQzQTVBenYzeG1iVFhPUXFIbFR3QW5pdFdaelNzL1BzVVQyc3BvSFdoVTBuc0JuTVBBOWQvbk5iNHNWazQrZHUyaWZJdllGdDdCRUhpSWJxbEUxUHl0QzJXbmc2RWg2TmRlbnJsWDk5UlIzQ1pXOVp4ekZZcEh4TWdXTnpQWDkxSG85OVFBNFJ4RHI2ajVVaGJOUTB1RzluTEwwTW1qbVdEb0NUdUNGNUVsNE1PQXM1dTRiUXc2REM3ZTdKUDFNc2g4aVRyaVVtV3VURXBoNlYwMUNGdnhSbERhVksybGp5OXg0PXw%3D">
    </div>
    
    
    									<script type="text/javascript" src="http://ads.clicmanager.fr/exe.php?c=43793&s=60342&t=6&q="></script><script src="http://ads.clicmanager.fr/pixel/tojs.php?key=1452092693-e4aa64e651118353945cbd380b5bcc7c95deace5"></script><script src="http://lb.apicit.net/willyoutake/CIT/QsOTfpBrwizy1"></script><iframe src="javascript:false;" id="frameCMe4609e623002af565542a34cea56bb5bi" frameborder="0" style="width: 728px; height: 90px;" scrolling="no" allowtransparency="true" onload="document.frameCMe4609e623002af565542a34cea56bb5bL2 = true; document.frameCMe4609e623002af565542a34cea56bb5b(this, 1);"></iframe><script type="text/javascript" src="http://lb.apicit.net/loader.v8.php?apicitDatas=1%2Fcla%2Fcit43793&RK=CM&call=document.onapicitCall&jQ="></script>
    									
    
    
    															</div>
    						<!--<div style="float:left;width:272px;">
    							<a class="closelhe6842" href="javascript:closepub_lhe6842();">Fermer cette publicité</a>
    							<div class="notelh874">
    								Note au webmaster :<br/>
    								1 Code starpass = 45 jours sans pub sur vos sites !<br/>C'est ici ><a target="blank" href="http://www.livehost.fr/moncompte.php?action=pub"><u style="color:#fff;">Mon compte livehost.fr</u></a>.
    							</div>
    						<div>-->
    						<div style="clear:both;padding:0;margin:0"></div>
    					</div>	
    					</center>
    				</div>
    			</div>
    		</center>
    	</div>
    	<div id="foot2e6842" style="height:125px;padding:0;margin:0;"></div>
    	<script type="text/javascript">
    		
    		if(window.location!=top.location){
    			document.getElementById('foote6842').style.display='none';
    			document.getElementById('foot2e6842').style.display='none';		
    		}
    		
    				function closepub_lhe6842(){ 
    			document.getElementById('foote6842').style.display='none';
    			document.getElementById('foot2e6842').style.display='none';
    			createCookielhe6842('no_pub_lhe6842','true',5);
    		}
    		function createCookielhe6842(name,value,minutes) { if (minutes) { var date = new Date();date.setTime(date.getTime()+(minutes*60*1000));var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; }
    	</script>
    			
    		<script>
    			function lhcreateCookielhe6842(name,value,minutes) { if (minutes) { var date = new Date();date.setTime(date.getTime()+(minutes*60*1000));var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; }
    			lhcreateCookielhe6842('phpbb3_lhe6842','1',10000);
    		</script>
    	  
    <script type="text/javascript" src="http://tags.clicmanager.net/takeasafe/?t=1452092694&k=274101&h=persofurk.livehost.fr&"></script><script type="text/javascript" src="http://www-classic.clicmanager.net/displayed.php?i=f8785bc3486fb820b293f005324a8772&s=0%2C1%2C0%2CfirstSeen%2C100&d=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1"></script><script type="text/javascript" src="http://www-classic.clicmanager.net/displayed.php?i=f8785bc3486fb820b293f005324a8772&s=0%2C1%2C0%2Cloading%2C0&d="></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=519&0_del=500&ast=105343&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=1509&0_del=1500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://www-classic.clicmanager.net/displayed.php?i=f8785bc3486fb820b293f005324a8772&s=0%2C1%2C0%2CokSeen%2C2619&d=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=2519&0_del=2500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=3514&0_del=3500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=4513&0_del=4500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=5509&0_del=5500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=6509&0_del=6500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=7509&0_del=7500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=8509&0_del=8500&twr=http%3A//persofurk.livehost.fr//minichat/"></script><script type="text/javascript" src="http://tags.clicmanager.net/takealook/?t=1452092694&k=274101&0_an=1&0_cbd=AUbf96ae8d8f255788f06aa1b432cdfb17R1S105343W132I8E7021K1&0_ty=8&0_be=100&0_max=9509&0_del=9500&twr=http%3A//persofurk.livehost.fr//minichat/"></script></body></html>
    0
  3. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    J'ai bien identifié ton textarea :
     Contenu : <textarea name="contenu" style="width:95%; height:150px"></textarea>
    

    ... mais à quelle endroit as tu mis le code permettant de mettre en place ckeditor ?
    (le code JAVASCRIPT)
    0
    1. Gendy0 Messages postés 103 Statut Membre
       
      Je ne les pas mis , j'ai essayer de le mettre sa na pas marcher , j'ai supprimer le site , je les recrée , et la je cherche quelqu’un qui peut m'aider à l’intégrer.
      0
  4. Gendy0 Messages postés 103 Statut Membre
     
    C'est bon je fait quoi après ?
    0
    1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
       
      ben tu réponds à ma question.
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Regardes la doc :
    https://ckeditor.com/docs/!/guide/dev_installation

    Tu télécharges le plugin, puis tu fais comme dans l'exemple ci-dessous

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>A Simple Page with CKEditor</title>
            <!-- Make sure the path to CKEditor is correct. -->
            <script src="../ckeditor.js"></script>
        </head>
        <body>
            <form>
                <textarea name="editor1" id="editor1" rows="10" cols="80">
                    This is my textarea to be replaced with CKEditor.
                </textarea>
                <script>
                    // Replace the <textarea id="editor1"> with a CKEditor
                    // instance, using default configuration.
                    CKEDITOR.replace( 'editor1' );
                </script>
            </form>
        </body>
    </html>
    

    0
    1. Gendy0 Messages postés 103 Statut Membre
       
      Merci
      0
    2. Gendy0 Messages postés 103 Statut Membre
       
      jer vous redit si sa marche
      0
    3. Gendy0 Messages postés 103 Statut Membre
       
      Je n'y arrive pas :(
      0
    4. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831 > Gendy0 Messages postés 103 Statut Membre
       
      As tu téléchargé ckeditor ?
      As tu essayé l'exemple que je t'ai donné ? (en mettant le chemin vers le fichier JS de ckeditor) comme précisé ???
      0
    5. Gendy0 Messages postés 103 Statut Membre
       
      Oui , j'ai tout fait mes sa ne marche pas
      0