AIDE .NET

Tinymce .NET (Comment ça marche pour les développeurs)

Publié avril 29, 2024
Partager:

TinyMCE est un éditeur de texte WYSIWYG populaire et riche qui excelle dans la gestion des éléments HTML. Cet éditeur de texte enrichi permet aux utilisateurs de modifier le contenu HTML, ce qui le rend aussi intuitif que l'utilisation d'un traitement de texte, un témoignage de la plate-forme conviviale fournie par les technologies miniatures. Cette fonction est particulièrement utile dans les applications web où les utilisateurs non techniques doivent formater le contenu sans connaître le langage HTML. TinyMCE .NET est un wrapper qui vous permet d'intégrer cet éditeur dans vos projets .NET de manière transparente.

IronPDF - Bibliothèque PDF C# est un autre outil que vous devriez connaître. Il s'agit d'une bibliothèque que les développeurs utilisent pour créer, modifier et extraire des documents PDF dans des applications .NET. Il fonctionne bien avec C# et offre un large éventail de fonctionnalités de manipulation des PDF. TinyMCE .NET et IronPDF ont des objectifs différents, mais ils sont essentiels au développement d'applications web riches et interactives.

Démarrer avec TinyMCE .NET

Configuration de TinyMCE .NET dans les projets .NET

Pour que votre projet fonctionne avec TinyMCE .NET, suivez les étapes nécessaires pour une intégration réussie. Tout d'abord, assurez-vous qu'un projet .NET a été créé. Ouvrez la console NuGet dans Visual Studio. Exécutez la commande suivante :

Install-Package TinyMCE

Tinymce .NET(Comment ça marche pour les développeurs) : Figure 1 - Installation de TinyMCE via la console NuGet dans Visual Studio

Un exemple de code de base pour intégrer TinyMCE

Une fois que TinyMCE fait partie de votre projet, l'intégrer dans une page web est simple. Vous commencerez par ajouter une référence au script TinyMCE dans votre HTML. Ensuite, initialiser TinyMCE sur un élément HTML spécifique. Téléchargez TinyMCE depuis le site officiel. Décompressez et placez les fichiers TinyMCE dans votre projet, de préférence dans un répertoire comme wwwroot/lib/tinymce.

<html>
<head>
  <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  <script>
    tinymce.init({
      selector: '#myTextArea'
    });
  </script>
</head>
<body>
  <textarea id="myTextArea">Hello, World!</textarea>
</body>
</html>
<html>
<head>
  <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  <script>
    tinymce.init({
      selector: '#myTextArea'
    });
  </script>
</head>
<body>
  <textarea id="myTextArea">Hello, World!</textarea>
</body>
</html>
HTML

Cet exemple de code montre les étapes de base pour faire fonctionner TinyMCE dans votre application. Vous remplacez no-api-key par votre clé API réelle de TinyMCE. TinyMCE est hautement personnalisable. Vous pouvez ajouter des plugins, des boutons de barre d'outils et d'autres options dans l'appel tinymce.init pour adapter l'éditeur à vos besoins. Consultez la documentation de TinyMCE pour obtenir une liste complète des options et des plugins disponibles.

Fonctionnalité de l'éditeur TinyMCE

Édition de texte enrichi

Le cœur de TinyMCE .NET réside dans ses capacités d'édition de texte riche. Il permet aux applications d'offrir aux utilisateurs une suite complète d'options d'édition de texte, semblables à celles que l'on trouve dans les traitements de texte de bureau. Les utilisateurs peuvent ajuster les polices, formater les paragraphes, insérer des listes et gérer d'autres propriétés de texte en toute simplicité. Outre le formatage de texte de base, il permet d'intégrer des médias tels que des images et des vidéos directement dans l'éditeur.

Barres d'outils personnalisables

L'une des principales caractéristiques de TinyMCE .NET est la possibilité d'adapter la barre d'outils de l'éditeur aux besoins spécifiques d'une application. Les développeurs ont la possibilité d'ajouter ou de supprimer des boutons, en organisant la barre d'outils de la manière la plus judicieuse pour leurs utilisateurs.

Filtrage du contenu

Le maintien de l'intégrité et de la sécurité du contenu est important dans toute application. TinyMCE .NET résout ce problème en offrant de solides fonctions de filtrage du contenu. Lorsque les utilisateurs créent et modifient du contenu, la bibliothèque propose des options permettant de nettoyer et d'assainir automatiquement les entrées HTML, en veillant à ce qu'elles respectent les pratiques et les normes de sécurité établies. Pour des mesures de sécurité avancées, en particulier lors du traitement de contenus sensibles, il est conseillé de sécuriser les communications à l'aide d'une clé RSA privée.

Support des plugins

La fonctionnalité de TinyMCE .NET s'étend considérablement grâce à sa prise en charge des plugins. Ces plugins permettent d'ajouter des fonctionnalités spécialisées au-delà des capacités d'édition de base. Parmi les exemples, citons la création et la gestion de tableaux, la vérification orthographique, l'édition de code et d'autres fonctionnalités de niche adaptées aux besoins spécifiques de création de contenu.

Localisation

Les applications mondiales nécessitent des outils qui répondent aux besoins d'une base d'utilisateurs diversifiée, et TinyMCE .NET répond à ce besoin grâce à sa prise en charge de la localisation. L'éditeur peut être facilement adapté pour prendre en charge plusieurs langues afin de rendre l'interface accessible et conviviale pour les personnes issues de milieux linguistiques différents.

Fusionner IronPDF avec TinyMCE

Exporter du HTML à l'aide d'IronPDF est une bibliothèque C# complète qui simplifie le travail avec les documents PDF. Il est conçu pour s'intégrer de manière transparente aux applications .NET et offre des fonctionnalités de génération, de modification et d'extraction de contenu PDF. L'une de ses principales caractéristiques est sa capacité à convertir HTML en PDF, ce qui en fait un excellent choix pour les applications qui ont besoin de transformer du contenu web en un format PDF distribuable.

Cas d'utilisation

Considérons un scénario dans lequel vous avez une application qui permet aux utilisateurs de créer des documents à l'aide de TinyMCE. Vous souhaitez permettre à vos utilisateurs d'exporter ces documents au format PDF pour les partager ou les imprimer. IronPDF convient parfaitement ici, vous permettant de convertir le contenu HTML de TinyMCE en un document PDF formaté.

Exemple de code : Exporter le contenu de TinyMCE en PDF

Mettons cela en pratique à l'aide d'un exemple de code simple. L'extrait suivant montre comment capturer le contenu HTML d'un éditeur TinyMCE et le convertir en un document PDF à l'aide d'IronPDF. Tout d'abord, assurez-vous d'avoir installé le paquetage IronPDF dans votre projet. Pour ce faire, vous pouvez utiliser le gestionnaire de paquets NuGet :

Install-Package IronPdf

Si vous avez installé TinyMCE dans votre application web, vous devez d'abord capturer le contenu HTML que vos utilisateurs ont créé. Cela peut être fait via JavaScript, en appelant la méthode getContent sur votre instance TinyMCE :

let htmlContent = tinymce.activeEditor.getContent();
// Send this content to your server-side code for PDF conversion
let htmlContent = tinymce.activeEditor.getContent();
// Send this content to your server-side code for PDF conversion
Dim htmlContent As let = tinymce.activeEditor.getContent()
' Send this content to your server-side code for PDF conversion
VB   C#

Côté serveur, vous recevrez le contenu HTML et utiliserez IronPDF pour convertir ce contenu en PDF. Vous trouverez ci-dessous une méthode C# qui illustre ce processus :

using IronPdf;
using System;
public class TinyMceToPdfConverter
{
    public void ConvertHtmlToPdf(string htmlContent)
    {
        var renderer = new ChromePdfRenderer();
        renderer.RenderingOptions.MarginTop = 50;
        renderer.RenderingOptions.MarginBottom = 50;
        renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
        // Convert the HTML content to a PDF document
        var pdfDocument = renderer.RenderHtmlAsPdf(htmlContent);
        // Save the generated PDF to a file
        string filePath = $"Document-{DateTime.Now.Ticks}.pdf";
        pdfDocument.SaveAs(filePath);
        Console.WriteLine($"PDF generated and saved to {filePath}");
    }
}
using IronPdf;
using System;
public class TinyMceToPdfConverter
{
    public void ConvertHtmlToPdf(string htmlContent)
    {
        var renderer = new ChromePdfRenderer();
        renderer.RenderingOptions.MarginTop = 50;
        renderer.RenderingOptions.MarginBottom = 50;
        renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
        // Convert the HTML content to a PDF document
        var pdfDocument = renderer.RenderHtmlAsPdf(htmlContent);
        // Save the generated PDF to a file
        string filePath = $"Document-{DateTime.Now.Ticks}.pdf";
        pdfDocument.SaveAs(filePath);
        Console.WriteLine($"PDF generated and saved to {filePath}");
    }
}
Imports IronPdf
Imports System
Public Class TinyMceToPdfConverter
	Public Sub ConvertHtmlToPdf(ByVal htmlContent As String)
		Dim renderer = New ChromePdfRenderer()
		renderer.RenderingOptions.MarginTop = 50
		renderer.RenderingOptions.MarginBottom = 50
		renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print
		' Convert the HTML content to a PDF document
		Dim pdfDocument = renderer.RenderHtmlAsPdf(htmlContent)
		' Save the generated PDF to a file
		Dim filePath As String = $"Document-{DateTime.Now.Ticks}.pdf"
		pdfDocument.SaveAs(filePath)
		Console.WriteLine($"PDF generated and saved to {filePath}")
	End Sub
End Class
VB   C#

Cette méthode, ConvertHtmlToPdf, prend le contenu HTML sous la forme d'une chaîne de caractères(le contenu que vous avez capturé à partir de TinyMCE) et utilise la classe ChromePdfRenderer d'IronPDF pour convertir ce HTML en document PDF. Les Options d'impression vous permettent de personnaliser la sortie PDF, par exemple en définissant les marges et le type de support CSS pour le processus de conversion. Enfin, le code enregistre le PDF produit dans un fichier.

Conclusion

Tinymce .NET(Comment ça marche pour les développeurs) : Figure 2 - Page de licence d'IronPDF

En conclusion, TinyMCE .NET et IronPDF sont des outils puissants qui, une fois combinés, offrent une expérience transparente pour la création et la conversion de contenu dans les applications .NET. TinyMCE .NET simplifie l'édition de texte riche pour les utilisateurs, en fournissant une interface similaire à un traitement de texte de bureau au sein d'une application web, ce qui le rend idéal pour les utilisateurs non techniques qui ont besoin de mettre en forme du contenu. Ses possibilités de personnalisation, de la barre d'outils aux plugins et au filtrage de contenu, améliorent la fonctionnalité de l'application et l'expérience de l'utilisateur. IronPDF complète ce dispositif en permettant de convertir facilement du contenu HTML, tel que celui généré par TinyMCE, en documents PDF. Si vous voulez essayer IronPDF avec TinyMCE dans n'importe quel modèle .NET core, vous devriez essayer son modèlepack d'essai gratuit le prix de la traduction commence à 749 $.

< PRÉCÉDENT
Soulseek .NET (Comment ça marche pour les développeurs)
SUIVANT >
Sendgrid .NET (Comment ça marche pour les développeurs)