Afficher/cacher toolbar Ckeditor en cliquant sur zone de texte

**Globolite** · 24/09/2013, 17h10

Bonjour à tous,

J'ai une question à poser concernant Ajax (je ne sais pas s'il existe une telle solution

j'utilise ckeditor en lieu et place d'un textarea, voici le code que j'utilise pour afficher ma zone de texte :

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
<html>
<head>
	<title>Sample CKEditor Site</title>
	<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
<body>
	<form action="test.php" method="post">
		<p>
			My Editor:<br />
			<textarea id="editor1" name="editor1">&lt;p&gt;Initial value.&lt;/p&gt;</textarea>
			<script type="text/javascript">
				CKEDITOR.replace( 'editor1' );
			</script>
		</p>
		<p>
			<input type="submit" />
		</p>
	</form>
</body>
</html>

ça c'est le plus simple et c'est dispo sur le site de ckeditor, maintenant vu que la barre d'outil est gênante lorsqu'on l'utilise pas. J'aimerais lorsque quelqu'un clique dans la zone de texte, que la barre d'outil s'affiche et lorsqu'il clique sur autre chose, et bien que la barre d'outil disparaisse.

Ca permet de gagner de la place sur la page et d'avoir un rendu plus harmonieux.

Merci d'avance pour votre aide !

Cordialement,

Globolite

**Globolite** · 24/09/2013, 18h03

J'ai un début de réponse, alors avec ce code j'arrive à faire disparaitre la barre d'outil :

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<p>
	<textarea id="editor1" style="font-family:arial" name="description">lol</textarea>
	<script type="text/javascript">
		CKEDITOR.replace( 'editor1' );
		CKEDITOR.config.removePlugins = 'toolbar';
	</script>
</p>

Ce qu'il serait bien ce serait d'ajouter un évenement onclick() pour pouvoir faire apparaitre la barre d'outil en cliquant sur la text area

**Globolite** · 24/09/2013, 18h09

Je crois que ce serait onFocus() le plus adéquat

**NoSmoking** · 25/09/2013, 19h08

Bonjour,
effectivement avec onfocus() et onblur() tu devrais t'en sortir mais pas en utilisant CKEDITOR.config.removePlugins, qui n'a apparement pas son pendant pour l'affichage.

Tu pourrais t'en sortir en mettant en display:none l'élément toolbar, mais...as tu essayé de passer par un CKEDITOR.inline() .

Afficher/cacher toolbar Ckeditor en cliquant sur zone de texte

JavaScript

Discussions similaires

Partager

Partager