Comment mettre les plugins Youtube et codesnippet dans mon ckeditor <textare

Résolu/Fermé
zack77 Messages postés 25 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 6 décembre 2020 - Modifié le 26 nov. 2020 à 16:23
zack77 Messages postés 25 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 6 décembre 2020 - 26 nov. 2020 à 23:37
Car j'ai créé un fichier php nommé envoimessage.php

 
//srcipt js ckeditor
<script src="../ckeditor/ckeditor.js"></script>

<p>Message :<br/>
<textarea name="contenu" rows="15" cols="50" ></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'contenu' );
</script>


J'ai donc téléchargé les deux plugins "Youtube et codesnippet", et j'ai fait des recherches pendant 3 heures. toutes les explications que j'ai trouvées ne marchent pas.

Pour information;

Ma version CKEDITOR est ckeditor_4.15.1_full
plugin youtube: youtube_2.1.14
plugin codesnipet: codesnippet_4.15.1

J'ai fait je test avec le fichier : index.html dans le sous dossier
ckeditor/samples/index.html ca fonctionne.

Si vous avez même une idée, je suis preneur. Merci d'avance.

//voici le code du fichier config.js

CKEDITOR.editorConfig = function( config ) {
config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'forms' },
{ name: 'tools' },
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'others' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'about' }
];
config.extraPlugins = 'imageuploader';
config.removeButtons = 'Underline,Subscript,Superscript';
config.format_tags = 'p;h1;h2;h3;pre';
config.removeDialogTabs = 'image:advanced;link:advanced';
config.extraPlugins = 'youtube';
config.youtube_width = '640';
config.youtube_height = '480';
config.youtube_responsive = true;
config.youtube_older = false;
config.youtube_related = true;
config.youtube_autoplay = false;
config.youtube_controls = true;
config.youtube_privacy = false;

};
A voir également:

5 réponses

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
26 nov. 2020 à 16:26
Bonjour ( si si.. on commence par ça ici !! ),

Déjà, ta question porte sur du Javascript ... pas du php...

Ensuite, en Javascript on cible rarement les objets par leur "name" .. mais plus par leur "class" ou leur "id".
Hors, tu n'as pas mis d'id à ton textarea...

CKEDITOR.replace( 'textarea_id' )




0
zack77 Messages postés 25 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 6 décembre 2020
26 nov. 2020 à 16:33
Problème lorsque j'ai créé un fichier nommée html, tout fonctionne à merveille avec les mêmes codes.
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
26 nov. 2020 à 16:43
Donc le souci arrive à quel moment ?
Avec quel code exactement ?
(vu que tu as édité ton premier message... on ne sait plus où tu en es... )

Et puis, qu'est-ce qui ne marche pas au juste ? Le ckeditor ou juste les plugins que tu as voulu y rajouter ?

As tu mis un ID comme je te l'ai indiqué à ton textarea ?


NB: Pense à préciser le langage dans les balises de code lorsque tu postes du code sur le forum
Explications ( à lire ENTIEREMENT !! ) disponibles ici
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
0
zack77 Messages postés 25 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 6 décembre 2020
Modifié le 26 nov. 2020 à 20:02
voici mon code,

<!DOCTYPE html>
<html>
<head>
<!-- En-tête de la page -->
<meta charset="utf-8" />
</head>
<script src="../ckeditor/ckeditor.js"></script>
</head>
<body>

<p>Contenu de la page :<br/>
<textarea class="ckeditor" name="contenu" rows="15" cols="50" ></textarea>

</body>
</html>


Le problème vient du type de mon fichier. lorsque j'ajoute ce code dans un fichier html, les deux plugins "Youtube et codesnippet sont visibles et accessibles. Mais j'ai préfère le PHP, j'ai donc ajouter le même code dans un fichier php. les plugins sont invisibles .
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
26 nov. 2020 à 21:02

j'ai donc ajouter le même code dans un fichier php. les plugins sont invisibles .

Que est le nom du fichier exact ?
Quel est le code ( COMPLET ) de ce fichier ?

Seuls les deux plugin n'apparaissent pas ? Le reste du CKEDITOR fonctionne ? tu peux nous faire une capture d'écran ?

Fais nous également une capture écran de la console javascript de ton navigateur.
0
zack77 Messages postés 25 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 6 décembre 2020
Modifié le 26 nov. 2020 à 22:31
le fichier est nommé : ckeditor_youtube.php et il est placé dans dossier

c:\C:\wamp64\www\pdo_url_rewrite

le lien virtualhost

http://pdo_url_rewrite/ckeditor_youtube.php



les plugins sont invisibles et ne fonctionnent pas avec le lien virtual host ci-dessus et même chez l'hébergeur en ligne.

Cependant lorsque je me rend sur le http://localhost/pdo_url_rewrite/ckeditor_youtube.php



tout fonctionne parfaitement, cela m'amène à dire que le plugin youtube et codesnippet ne marche pas avec le virtual host. Mon site est basé avec virtual host et le serveur de mon hébergeur fonctionne avec virtual host.



<!DOCTYPE html>
<html>
<head>
<!-- En-tête de la page -->
<meta charset="utf-8" />
</head>
<script src="http://pdo_url_rewrite/ckeditor/ckeditor.js"></script>
</head>
<body>

<p>Contenu de la page :<br/>
<textarea class="ckeditor" name="contenu" rows="15" cols="50" ></textarea>

</body>
</html>


cela m'amène à dire que le problème ne vient pas de php, je pense que les plugins youtube et cosnippet ont un problème avec virtual host.
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
26 nov. 2020 à 22:32
Le script étant downloadé dans les dossiers de ton site, pourquoi utilises tu une URL pour cibler le fichier js ?
<script src="http://pdo_url_rewrite/ckeditor/ckeditor.js"></script>


??

Moi j'utiliserai plutôt une chemin relatif ou absolu vers le fichier...
un truc du genre :
<script src="./ckeditor/ckeditor.js"></script>
0

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

Posez votre question
zack77 Messages postés 25 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 6 décembre 2020
26 nov. 2020 à 23:37
je vous remercie beaucoup pour votre aide précieuse et l'attention que vous avez portée à mes questions.

Le problème est résolue, c'est vrai qu'il fallait mettre un chemin absolu. Le problème venait également de navigateur chrome qui n'était pas vidé.

J'ai effacé donc les historiques, vidé les caches. Problème résolue et merci encore jordane45
0