Mon cahier d’exercices

Plugin dvjhBBCodeTextarea

Texte : v1.0.0 2010-03-21

Ajout de balises, BBCode ou autre, dans un textarea

Le rôle du plug-in est "seulement" de placer les balises souhaitées au bon endroit. Il vous appartient de développer la logique propre à votre application et aux balises (vous n'êtes pas limité au BBCode) que vous utiliserez. La conversion du texte "balisé" se fait généralement "côté serveur", mais pour des applications sommaires il est tout à fait possible de réaliser le travail "côté JavaScript" avant la soumission du formulaire.

Bonjour.

Votre demande ressemble à celle-ci.. https://www.developpez.net/forums/d894368/webmasters-developpement-web/javascript/bibliotheques-frameworks/jquery/ui-autocomplete-1-8rc3-supprimer-options-survol/

Exemple :

<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8"/>
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<link rel="stylesheet" type="text/css" href="../UI1.8rc3/css/ui-lightness/jquery-ui-1.8rc3.custom.css"/>
	<style>
		body {
			background-color:#dcdcdc;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}		
		div#affiche {
			margin:12px;
			padding:6px;
			border:1px solid #999999;
			background-color:#FFFFFF;
			color:#000000;
		}
		
		/* TEST */
	</style>
	<script charset="CP-1252" src="../lib/jquery-1.4.2.min.js"></script>
	<script charset="CP-1252" src="../UI1.8rc3/js/jquery-ui-1.8rc3.custom.min.js"></script>
	<script>
		$(function(){
			var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
			
			$("#tags").autocomplete({
				source: availableTags,
				focus: function(event, ui){
					return false;
				},
				select: function(event, ui){
					// votre code, éventuellement
				}
			});
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<div class="ui-widget">
			<label>Tags: <input id="tags"/></label>
		</div>
	</div>
</body>  
</html>
__________________
 Mon cahier d’exercices sur jQuery & Co
15 mars 2010 Plugin dvjhElastique v1.1.0
11 mars 2010 Plugin nopainLasVegas v1.0.0
28 février 2010 Plugin dvjhNotify v1.0.0
13 février 2010 Plugin dvjhTooltip v1.0.0

Vous devez avoir lu la dernière version (2010-01-06) de ce message avant d'utiliser le forum jQuery

Téléchargement ftp : jquery.dvjhBBCodeTextarea-1.3.2.js

Téléchargement https : jquery.dvjhBBCodeTextarea-1.3.2.js

Daniel Hagnoul

Plugin jquery.dvjhBBCodeTextarea-1.3.2.js

Code : v1.3.2 2010-03-17
Code : v1.0.0 2009-05-16
------------------------------------------
Usage :

$("a.btn").click(function(){
	$.dvjhBBCodeTextarea("message", $(this).attr("bbcode"));
	return false;
});

Options disponibles, réglages par défaut :
	minTagLength: 3, 	// pour [*]
	moveCursor: false	// déplace le curseur à la fin du contenu
------------------------------------------
Wiki :https://fr.wikipedia.org/wiki/BBCode

BBCode est l'abréviation de Bulletin Board Code,
inventé à travers le langage PHP pour éviter les
injections HTML, utilisé pour mettre en forme les
messages de forums de discussion.

Par abus de langage, les éléments du BBCode sont appelés balises.
Le nom d'une balise est délimité par les crochets [ et ],
contrairement au HTML où les caractères < et > sont utilisés.
Certaines balises ont une propriété, aussi appelée attribut,
dont la valeur est assignée à la balise elle-même à l'aide du
symbole =.
------------------------------------------
BBcode standard : https://bohwaz.net/wiki/BBcode

Gras: [b]
Italique: [i]
Souligné: [u]
Barré: [s]
Citation (blockquote): [quote]
Citation + auteur[1]: [quote=Auteur]
Code source: [code]
Liste non-ordonnée: [list]
Liste ordonnée: [list=L] (L=1 pour numérotée, L=a pour alphabétique)
Element d'une liste: [*] (Pas de tag fermant)
Image: [img]URI[/img]
Lien: [url]URI[/url] ou [url=URI]Texte du lien[/url] ou [email]bbcode@bbcode.com[/email]
Couleur du texte: [color=COLOR]
Taille du texte: [size=SIZE]

À bientôt !

Daniel Hagnoul

Rédacteur

Forum JavaScript

Mes interventions

www.developpez.com

Veuillez poser vos questions
techniques sur les forums DVP,
s'il vous plait.

Avertissement solennel

Autodidacte en informatique, l’auteur a tous les défauts de sa qualité. Si vous vous inspirez, copiez ou pire utilisez le contenu de cette page, vous êtes téméraire, inconscient du danger !

Reconnaissant avoir été dûment informé, vous déchargez l’auteur et à fortiori l’hébergeur du site de toute responsabilité dans les graves dégâts que vous causerez sûrement !

Vous n'aurez jamais fini d'apprendre la programmation, aussi apprenez à apprendre en vous amusant.