Accueil > Forum > > > > intégrer ckeditor
 intégrer ckeditor
lundi 13 juin 2011 à 22:23:25 |
intégrer ckeditor
77dom77
|
Bonsoir,
Au secours! Je n'arrive pas à remplacer un textarea par l'editeur ckeditor!
Je n'avais pas de pb avec l'ancienne version fckeditor, mais là je sèche.
J'ai téléchargé le guide pour développeur et testé l'exemple mais rien.
La page à faire est en php...
Si quelqu'un à un code simple qui fonctionne histoire que je comprenne le principe, afin de continuer avec ckeditor ou alors avec mieux!
merci d'avance
Dom |
|
mardi 14 juin 2011 à 09:40:16 |
Re : intégrer ckeditor
|
mardi 14 juin 2011 à 10:37:56 |
Re : intégrer ckeditor
cod57
|
Réponse acceptée !
bonjour
un exemple basique
en supposant que tu es tous les javascripts
au bon endroit
je reprend un exemple officiel
a++
Code PHP :
<?php
if(isset($_POST)){
echo '<pre>';
print_r($_POST);
echo '<pre>';
}else{
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Skins — CKEditor Sample</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<script type="text/javascript" src="ckeditor.js"></script>
<script src="sample.js" type="text/javascript"></script>
<link href="sample.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1 class="samples">
CKEditor Sample — Skins
</h1>
<div class="description">
<p>
This sample shows how to automatically replace <code><textarea></code> elements
with a CKEditor instance using a specific <a class="samples" href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.skin">skin</a>.
</p>
<p>
CKEditor with a specified skin (in this case, the "Office 2003" skin) is inserted with a JavaScript call using the following code:
</p>
<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
{
<strong>skin : 'office2003'</strong>
});</pre>
<p>
Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
the <code><textarea></code> element to be replaced.
</p>
</div>
<!-- This <div> holds alert messages to be display in the sample page. -->
<div id="alerts">
<noscript>
<p>
<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
support, like yours, you should still see the contents (HTML data) and you should
be able to edit it normally, without a rich editor interface.
</p>
</noscript>
</div>
<!-- le formulaire pointe sur lui même avec action=""
mais tu peux choisir une autre destination traitement.php par exemple-->
<form action="" method="post">
<h2 class="samples">"Kama" skin</h2>
<p>The default skin used in CKEditor. No additional configuration is required.</p>
<p>
<textarea cols="80" id="editor_kama" name="editor_kama" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
<script type="text/javascript">
//<![CDATA[
CKEDITOR.replace( 'editor_kama',
{
skin : 'kama'
});
//]]>
</script>
</p>
<h2 class="samples">"Office 2003" skin</h2>
<p>Use the following code to configure a CKEditor instance to use the "Office 2003" skin.</p>
<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
{
<strong>skin : 'office2003'</strong>
});</pre>
<p>
<textarea cols="80" id="editor_office2003" name="editor_office2003" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
<script type="text/javascript">
//<![CDATA[
CKEDITOR.replace( 'editor_office2003',
{
skin : 'office2003'
});
//]]>
</script>
</p>
<h2 class="samples">"V2" skin</h2>
<p>Use the following code to configure a CKEditor instance to use the "V2" skin.</p>
<pre class="samples">CKEDITOR.replace( '<em>textarea_id</em>',
{
<strong>skin : 'v2'</strong>
});</pre>
<textarea cols="80" id="editor_v2" name="editor_v2" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea>
<script type="text/javascript">
//<![CDATA[
CKEDITOR.replace( 'editor_v2',
{
skin : 'v2'
});
//]]>
</script>
<input type="submit" value="Envoyer">
</form>
<div id="footer">
<hr />
<p>
CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
</p>
<p id="copy">
Copyright © 2003-2011, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
Knabben. All rights reserved.
</p>
</div>
</body>
</html>
 Bonne programmation !
|
|
mardi 14 juin 2011 à 13:05:14 |
Re : intégrer ckeditor
77dom77
|
Salut Cod57,
merci de ta réponse, en fait sur internet explorer il me met une erreur 'CKEDITOR' est indédini. Cela correspond à toutes les lignes où il y a
CKEDITOR.replace(. Je ne vois pas comment déclarer cette variable s'il y a besoin d'ailleurs.
Merci en tous cas.
|
|
mardi 14 juin 2011 à 13:07:27 |
Re : intégrer ckeditor
77dom77
|
Pardon pour le mauvais emplacement de ce post. Je déplacerai ce message comme on me l'a demandé.
|
|
mardi 14 juin 2011 à 13:36:29 |
Re : intégrer ckeditor
cod57
|
Réponse acceptée !
tu as rien à définir
il faut que tu es ça présent à la racine du script
<script type="text/javascript" src=" ckeditor.js"></script>
<script src=" sample.js" type="text/javascript"></script>
<link href=" sample.css" rel="stylesheet" type="text/css" />
aucun prob avec ie 7,8,9 firefox 4 chrome j'ai testé
a++
Bonne programmation !
|
|
mardi 14 juin 2011 à 14:01:55 |
Re : intégrer ckeditor
77dom77
|
hé bien merci cela fonctionne à merveille!
c'était un problème d'emplacement .js sur le serveur local, pourtant je pensais avoir vérifié...heureusement que tu m'as mis sur la piste.
Voilà cool.
A bientôt
|
|
mardi 14 juin 2011 à 14:13:33 |
Re : intégrer ckeditor
cod57
|
Réponse acceptée !
s.t.p. accepte la reponse merci pour valider le post
Bonne programmation !
|
|
Cette discussion est classée dans : intégrer, ckeditor
 Répondre à ce message
 Sujets en rapport avec ce message
Intégrer du php dans Flash MX [ par Yoteco ]
Voilà: J'ai un problème et je ne sais pas s'il y a une solution! J'ai fais la page d'accueil de mon site en Flash MX...et sur cette page d'accueil i
intégrer en automatique tous les jours des infos dans une base mysql [ par daviraud ]
Bonjour,je suis en train de migrer ma base access vers my sql.Ma base access contenait un module VB qui tournait en automatique tous les jours. Ce mod
Je recherche des développeurs php pour intégrer un projet sérieux [ par cobra84 ]
---------------------------------------------------------------------<?xml:namespace prefix = o ns = "urn:schemas-mi
Des raccourcis ?! [ par Zart ]
Voilà je suis toujours sur un projet super intéressant et je souhaitais intégrer un système de raccourci clavier. Comme on le vois se développer maint
Intégrer MyNews dans PHPnuke [ par benspx ]
Bonjour à tous. Je n'ai que des notions extrêmement basiques de programmation, et aucune compétance en PHP. J'aurais besoin d'un coup de main ou de co
remplacer de frames pour intégrer un menu en flash [ par pavito ]
Je suis en train de faire un site (je suis débutante). Le site se compose de deux parties, à gauche mon menu fait sur flash et à droite le contenu. J'
Integration [ par milo2009 ]
Salut, Je voudrais savoir comment vous avez fait pour intégrer le moteur google à ce site. Moi je voudrais intégrer le moteur de wikipédia dans mon si
intégrer un flux rss [ par biloutte33 ]
bonjour tout le monde,j'ai un petit soucis, j'aimerais mettre sur mon site les actualités internationnalles du site "le monde" grace à leur flux rss q
Comment integrer un forum ? [ par kiwi95 ]
Salut à tous je désire créer un forum à intégrer à un site. Comment faire? ousinon un forum deja créer a intégrer à
Intégrer mon projet [ par mickey734 ]
Bonjour à tous, Je recherche des personnes (qui savent développer en php et flash) et qui souhaiteriraient intégrer mon projet. Mon projet est une pla
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|