WYSIWYG HTML simple, gratuit et ultra léger!

Description

Je suis ravi de vous présenter un éditeur HTML léger que j'ai conçu. Aussi connu sous le nom de WYSIWYG, cet éditeur repose sur une implémentation du BBCode (Bulletin Board Code), un langage de balisage simplifié.

L'utilisation du BBCode facilite la mise en forme du texte HTML en utilisant des balises simples et intuitives. Vous n'avez pas besoin de connaissances techniques approfondies pour créer un contenu Web bien structuré. Cet éditeur simplifie grandement le processus de création et d'édition de pages Web.

Ce script est léger et très simple à utiliser et se compose d'un dossier et deux fichiers seulement !

Un aperçu:

L’intégration de l'Éditeur de Texte HTML dans Votre Formulaire est simple

Pour intégrer cet éditeur de texte HTML à un formulaire, vous devez ajouter seulement deux lignes de code. La première ligne doit être placée en haut du fichier où vous avez l'intention d'utiliser la fonction c2Editeur(). Voici comment l'ajouter :

<?php include "c2TexteEdite/fonctions.php"; ?>

La deuxième ligne doit être insérée à l'intérieur des balises <form></form>. Elle permettra d'afficher l'éditeur de texte avec un textarea. Voici comment vous pouvez l'intégrer :

<?php echo c2Editeur("monForm");/* affiche l'editeur de texte avec un textarea */ ?>

Exemple complet

Voici comment utiliser cet éditeur de texte HTML dans votre formulaire :

<?php include "c2TexteEdite/fonctions.php"; ?>

<!DOCTYPE html>

<head>

	<meta charset="UTF-8">

	<title>Mon éditeur HTML simplifié</title>

</head>

<body>

<form name="monForm">



	<!-- ici les autres champs du formulaire... -->

	

	<?php echo c2Editeur("monForm");/* affiche l’éditeur de texte avec un textarea */ ?>

	

	<!-- ...ici le bouton de validation du formulaire -->

	

</form>

</body>

</html>

Affichage des smileys

Vous avez la possibilité de décider si vous souhaitez afficher ou masquer les smileys en modifiant les paramètres dans le fichier fonctions.php :

//Activer l'utilisation des smileyrs (émojis)

$NAVIG['activer_smileys'] = 1;



//Chemin vers le dossier des smileys (sans le / à la fin)

$NAVIG['url_smileys'] = "http://localhost/c2TexteEdite/smileys";

Télécharger le script :

c2TexteEdit.zip
(Téléchargé 506 fois)

Une version avancée de cet éditeur est disponible !

Offrant des fonctionnalités supplémentaires telles que la prise en charge du téléchargement d'images. Vous la trouverez ici : Éditeur HTML avec upload d'image et vidéos intégrées

J'espère que ce script gratuit vous est utile.
Pour soutenir mon travail, un simple don ou mettre une note est grandement apprécié.

Votre réussite en ligne commence ici

Vous cherchez à pousser encore plus loin vos idées ou à les concrétiser avec un site internet sur mesure ? Je suis là pour vous aider ! Mon expérience en développement web est à votre disposition.

Que ce soit la création de votre site web pro ou l'apport de fonctionnalités avancées à votre projet, contactez-moi pour en discuter et avoir un devis gratuit personnalisé.

Mon objectif est de vous offrir des solutions sur mesure qui répondent à vos besoins, et votre vision associée à mon expertise donnera vie à votre projet web parfait. Contactez-moi aujourd'hui, je réponds en général en moins d'une heure :

Demander un devis
Réponse rapide !

Commentaires

Ajouter un commentaire

djodjo le 31 Janvier 2019 à 21:41

Merci beaucoup !

Laurent le 01 Juin 2022 à 08:49

Bonjour,

J'ai utilisé le code avec l'éditeur, celui-ci est génial, on peut le modifier. J'ai connecté à ma base de données, mais lorsque j'envoie mon code dans ma base de données et que je lis mes articles, le code avec les balise s'affiche. J'ai donc un article avec des balises visibles ai-je loupé une manipulation ? Merci par avance.

admin le 01 Juin 2022 à 09:07

Merci, pour convertir les balises en HTML, utilisez la fonction formcode() qui est contenu dans le fichier fonctions.php (à inclure là où vous souhaitez utiliser formcode()).

Son utilisation est simple :
echo formcode("Mon texte [u]souligné[/u]");

Malcolm le 22 Juillet 2022 à 14:08

Bonjour,

Petite question, l'utilisation de la balise <script> peut être utilisée ?
par exemple ce code ?
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const labels = [
10,
'20',
'March',
'April',
'May',
'June',
];

const data = {
labels: labels,
datasets: [{
label: 'Verre ',
backgroundColor: '#30D53A',
borderColor: "black",

data: [0, 10, 5, 2, 20, 30, 45],
},{
label: 'Plastique',
backgroundColor: '#2F9545',
borderColor: "black",

data: [0, 10, 5, 2, 20, 30, 45],
}]
};

const config = {
type: 'bar',
data: data,
options: {
plugins: {
title: {
display: true,
fontSize:19,
text: 'Verre recylcé',
color:"black",
}
},
scales: {
color:"black",

y: {
title:{
display :true,
text: 'Valeurs',
color: "black",

}
},
x: {
title:{
display :true,
text: 'Valeurs',
color: "black",
}
}
},
elements: {
bar: {
borderWidth: 2,
}
}
}
};
</script>
<script>
const myChart = new Chart(
document.getElementById('myChart'),
config
);
</script>

Si oui comment faire ? s'il vous plait

J'espere que le code du message ne pose pas de problème.

Merci par avance,

Retour à la liste des scripts