WYSIWYG HTML simple, gratuit et ultra léger!

Description

Un éditeur de texte HTML super léger (WYSIWYG) !

Je vous propose un éditeur WYSIWYG HTML libre et open source que j'ai moi même réalisé, ce script est très simple à utiliser et se compose de 1 dossier et 2 fichiers seulement !

Vous pouvez le télécharger gratuitement ici:

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

Nouveautés:

Une version évoluée est disponible ici :
Éditeur HTML avec upload image

Un aperçu:

Pour l'utiliser dans un formulaire, insérez ces deux seules ligne de code:
- Une en haut du fichier où est utilisé la fonction c2Editeur():

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

- Et une à l'intérieur des balises <form></form>:

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

Exemple complet:

<?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>

Vous pouvez choisir d'afficher les smileys ou non, depuis le fichier fonctions.php:

//Vous pouvez parametrer ci-dessous:

$NAVIG['activer_smileys']=1;

$NAVIG['url_smileys']="http://localhost/c2TexteEdite/smileys";//sans le / à la fin

Besoin de travaux pour votre site ?

Je suis disponible, contactez-moi !

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