Discussion :

[moimp]

Bonjour,

Je suis surpris par la complexité d'installation d'un plugin CKEditor.
J'ai installé nodeJS, ce qui a pris un temps fou et paraît extrêmement lourd.
Maintenant, j'essaie d'installer npm et cela tient de gageure. J'aimerais avoir une démarche claire et pas à pas, c'est à dire pas du tout comme dans la documentation de CKEditor ou de npm.

[SpaceFrog]

On n'en est tous là ...
Sous prétexte de permettre à tout le monde de se prendre pour un développeur web on se retrouve face a un empilement d'une multitude de couches technologiques qui ne font que complexifier (amha) la moindre installation

[moimp]

C'est pour cette raison que je préfère coder dans le dur plutôt que de recourir à des outils, sauf ceux que je me crée et que je maîtrise.

Ceci dit, mon problème n'est toujours pas réglé et je ne m'en sors pas avec npm.

EDIT (jusqu'à la fin): Ah, je viens de comprendre que npm était installé en même temps que node.js !!!! Où est-ce indiqué ????
J'ai essayé d'installer mon plugin comme ceci: npm install --save @ckeditor/ckeditor5-upload et j'ai le message suivant:

npm install --save @ckeditor/ckeditor5-upload
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

added 6 packages, and audited 7 packages in 4s

found 0 vulnerabilities
npm notice
npm notice New minor version of npm available! 8.11.0 -> 8.12.1
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.12.1
npm notice Run npm install -g npm@8.12.1 to update!
npm notice

J'ai installé la version 8.12.1 comme indiqué.
J'ai testé mon code et j'ai toujours le message

filerepository-no-upload-adapter

Voici ma config:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
	import simpleUpload from '@ckeditor/ckeditor5-simpleUpload/src/simpleUpload';
	const config = {
		extraPlugins: [ 'SimpleUploadAdapter', 'image' ]
	};
	DecoupledEditor
		.create( document.querySelector( '#editor' ), {
			language: 'fr',
			placeholder: "Entrez votre texte ici.",
			toolbar: {
				removeItems: ['insertTable', 'mediaEmbed']
			},
			simpleUpload: {
				// The URL that the images are uploaded to.
				uploadUrl: 'http:sirep.proginet.local/customers', // path where the image will be uploaded // to be updated
				// Enable the XMLHttpRequest.withCredentials property.
				withCredentials: true,
			},
			// Headers sent along with the XMLHttpRequest to the upload server.
			headers: {
				'X-CSRF-TOKEN': 'CSRF-Token',
				Authorization: 'Bearer <JSON Web Token>'
			}
 
 
 
		} )
		.then( editor => {
			const toolbarContainer = document.querySelector( '#toolbar-container' );
			ckEditor = editor;
			toolbarContainer.appendChild( editor.ui.view.toolbar.element );
		} )
		.catch( error => {
			console.error( error );
	    } );

La première ligne de ce code provoque une erreur:

Uncaught SyntaxError: Cannot use import statement outside a module

Si j'enlève cette première ligne, j'ai une autre erreur:

filerepository-no-upload-adapter

Aider moi svp, je n'en peux plus !!!!!!!

[lamap]

Bonjour, tu as ta réponse ici : https://stackoverflow.com/questions/...e-location-glo

Il faut que tu modifies ton fichier npm.cmd dans le répertoire C:\Program Files\nodejs
Attention d’exécuter notepad en mode administrateur.

Tu dois modifier cette ligne :

FOR /F "delims=" %%F IN ('CALL "%NODE_EXE%" "%NPM_CLI_JS%" prefix -g') DO (.
par :
FOR /F "delims=" %%F IN ('CALL "%NODE_EXE%" "%NPM_CLI_JS%" prefix --location=global') DO (

[moimp]

J'ai lu la page indiquée, j'ai fait la modification du fichier et le problème persiste.

Dans mon fichier de configuration, avec la ligne import simpleUpload from '@ckeditor/ckeditor5-simpleUpload/src/simpleUpload'; J'ai le message d'erreur que je ne comprends pas:

Uncaught SyntaxError: Cannot use import statement outside a module

Sans cette ligne, j'ai le message d'erreur:

filerepository-no-upload-adapter

[Beginner.]

On n'en est tous là ...
Sous prétexte de permettre à tout le monde de se prendre pour un développeur web on se retrouve face a un empilement d'une multitude de couches technologiques qui ne font que complexifier (amha) la moindre installation

Ah ça me rassure car moi aussi je trouve que les choses sont devenues tellement compliquées... Il est loin le temps où on ajoutait une simple balise script...

C'est incroyable qu'il faille être un pro juste pour utiliser une librairie...

EDIT (jusqu'à la fin): Ah, je viens de comprendre que npm était installé en même temps que node.js !!!! Où est-ce indiqué ????

C'est indiqué au debut de l'installation : normalement on doit cocher une case pour installer npm...

J'ai lu la page indiquée, j'ai fait la modification du fichier et le problème persiste.

Dans mon fichier de configuration, avec la ligne import simpleUpload from '@ckeditor/ckeditor5-simpleUpload/src/simpleUpload'; J'ai le message d'erreur que je ne comprends pas:

Uncaught SyntaxError: Cannot use import statement outside a module

Sans cette ligne, j'ai le message d'erreur:

C'est parce que tu utilises les modules natifs (import)...
Et donc tu dois ajouter le type module dans la balise : <script type="module" src=...>...

PS : c'est étrange, si tu utilises les modules natifs cela devrait marcher aujourd'hui mais cela peut signifier que tu utilises les fichiers modules sources et il peut y en avoir beaucoup.... En général on fait un bundle (tous les modules dans un seul fichier) qui est utilisable directement dans le navigateur sans le type module....