Intégrer ckeditor dans un formulaire

Fermé
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016 - 6 janv. 2016 à 14:46
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 6 janv. 2016 à 18:09
Bonjour , j'aimerer intégrer ck editor dans cette page (à la place du test area :

5 réponses

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
6 janv. 2016 à 15:35
Bonjour,

Ok...

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

0
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 15:41
Oui j'ai essayer mais je n'arrive pas
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650 > Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 15:47
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
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 15:56
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
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 16:02
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
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
6 janv. 2016 à 16:02
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
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 16:09
<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
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
6 janv. 2016 à 16:11
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
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 16:25
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
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
Modifié par Gendy0 le 6/01/2016 à 16:11
C'est bon je fait quoi après ?
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
6 janv. 2016 à 16:14
ben tu réponds à ma question.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
6 janv. 2016 à 16:32
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
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 17:05
Merci
0
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 17:06
jer vous redit si sa marche
0
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 17:20
Je n'y arrive pas :(
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650 > Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 17:49
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
Gendy0 Messages postés 93 Date d'inscription mercredi 8 juillet 2015 Statut Membre Dernière intervention 10 juin 2016
6 janv. 2016 à 18:03
Oui , j'ai tout fait mes sa ne marche pas
0