Bonjour à tous.

J'utilise CK editor avec 2 zones de saisie dans le contexte suivant:

Code html suivant:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="L">
	<label for="id"><?= BIOG_LBL_ID ?></label><input type="text" name="id" id="id" value="<?= $idMain ?>" readonly /><br/>
	<label for="author"><?= BIOG_LBL_AUTH ?> <sup>(1)</sup></label><input type="text" name="author" id="author" value="<?= setPostValue('author') ?>" /><br/>
	<label for="save_by"><?= BIOG_LBL_UPL_BY ?> <sup>(2)</sup></label><input type="text" name="save_by" id="save_by" value="<?= setPostValue('save_by') ?>" readonly /><br/>
	<div id="toolbar-container"></div>
	<label for="sources"><?= BIOG_LBL_SRC ?>&nbsp;:</label><div id="sources"><?= nl2br($article->sources); ?></div>
	<label for="text"><?= BIOG_LBL_BIOG ?>&nbsp;:</label><div id="biogr"><?= nl2br($article->text); ?></div>
	<p class="note"><sup>(1)</sup>&nbsp;<?= BIOG_NOTE_1 ?><br/>
	<sup>(2)</sup>&nbsp;<?= BIOG_NOTE_2 ?></p>
	<p class="note"><?= BIOG_NOTE_3 ?></p>
	<form method="post" action =""> <!-- ACTION A COMPLETER -->
		<p><input type="submit" name="save" value="<?= BTN_SAVE ?>" /> <input type="submit" name="del" value="<?= BTN_ERASE ?>" /></p>
	</form>
</div>
Fichier de configuration CKeditor:
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
DecoupledEditor
	.create(document.querySelector('#sources'), {
		language: lang,
		placeholder: "Entrez vos sources ici.",
		toolbar: {
			removeItems: ['insertTable', 'mediaEmbed', 'uploadImage', 'link']
		},
	})
	.catch(error => {
		console.error(error);
	});
 
DecoupledEditor
	.create(document.querySelector('#biogr'), {
		language: lang,
		placeholder: "Entrez la biographie ici.",
		toolbar: {
			removeItems: ['insertTable', 'mediaEmbed', 'uploadImage', 'link']
		}
	});
/*
	.then(editor => {
		window.editor = editor;
		const toolbarContainer = document.querySelector('#toolbar-container');
		ckEditor = editor;
		toolbarContainer.appendChild( editor.ui.view.toolbar.element );
	});
*/
	.catch(error => {
		console.error(error);
	});
Dans un premier temps, sans le code en commentaire, ma barre d'outils <div id="toolbar-container"></div> ne s'affiche pas.
Si je mets le code en commentaire en service, j'obtiens une erreur Uncaught SyntaxError: Unexpected token '.' (at ckEditor.config.js:22:2)Dans un deuxième temps je souhaite utiliser la même barre d'outils pour les deux zones de textes et je ne sais pas comment faire pour qu'elle agisse sur la zone de texte qui a le focus.