Analyzing your prompt, please hold on...
An error occurred while retrieving the results. Please refresh the page and try again.
L’Éditeur PDF HTML5 par Aspose.PDF for .NET est un éditeur PDF basé sur le web et open source qui permet aux utilisateurs de créer, éditer et convertir des fichiers PDF en ligne et les utilisateurs peuvent facilement intégrer l’éditeur dans leurs propres applications web pour visualiser et éditer des fichiers PDF. L’Éditeur PDF HTML5 est développé en utilisant HTML5, jQuery Ajax, ASP.NET, Bootstrap et le backend est alimenté par Aspose.PDF for .NET. L’interface utilisateur de l’éditeur est maintenue très simple pour une compréhension facile et une amélioration des fonctionnalités selon les exigences des utilisateurs.
Il prend en charge les fonctionnalités suivantes :
Étant donné que l’Éditeur PDF HTML5 est une application web .NET développée en utilisant ASP.NET, C#, HTML5, jQuery, Javascript. Vous aurez besoin de l’environnement système suivant pour configurer l’Éditeur PDF HTML5 de votre côté.
Vous pouvez utiliser l’un des navigateurs suivants pour exécuter l’application de votre côté :
Nous, chez Aspose, nous assurons de fournir le meilleur support possible à nos clients/utilisateurs pour leurs questions de toute nature, c’est-à-dire techniques ou commerciales. Veuillez utiliser les liens ci-dessous pour toute question liée à la licence et aux ventes ou technique.
En plus d’éditer des documents PDF existants, l’Éditeur PDF Html5 prend également en charge la création de nouveaux fichiers PDF à partir de zéro, ce que vous pouvez faire en utilisant l’option Créer un nouveau fichier dans la barre de menu. En utilisant cette fonctionnalité, vous pouvez créer un PDF vierge dans l’éditeur, y ajouter du texte/des images et l’enregistrer dans le format souhaité. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Créer un nouveau fichier” est cliqué sur la page
Lorsque vous cliquez sur l’élément de menu “Créer un nouveau fichier”, la méthode onNewFileClicked est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête Ajax au serveur pour la méthode CreateNewFile.
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode onNewFileClicked, elle appelle la méthode CreateNewFile dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous avec le code source de la méthode CreateNewFile. Elle efface toutes les données existantes concernant le fichier précédemment chargé en utilisant la méthode ResetData.
Création d’un nouveau fichier PDF à l’aide de Aspose.PDF for .NET
Après avoir effacé les données en utilisant la méthode ResetData, la méthode CreateNewFile crée un nouveau fichier PDF en utilisant la classe Document de Aspose.PDF for .NET. Comme vous pouvez le voir dans l’onglet ci-dessous, l’objet Document génère un fichier avec une page vide. Après que le fichier soit généré sur le serveur, le fichier est converti en image en utilisant la méthode ImageConverter pour être chargé sur le canevas.
Chargement du fichier résultant sur le canevas.
Après que le fichier soit converti en image côté serveur, le contrôle est renvoyé à la méthode onNewFileClicked dans Editor.js. La méthode onNewFileClicked réinitialise toutes les collections côté client et charge le fichier image généré sur le canevas en utilisant la méthode resetData.
L’Éditeur PDF HTML5 prend en charge l’exportation de fichiers PDF vers différents formats de fichiers, ce que vous pouvez faire en utilisant l’option Exporter le fichier dans la barre de menu. En utilisant cette fonctionnalité, vous pouvez exporter le fichier PDF vers le format souhaité. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Exporter le fichier” est cliqué sur la page.
Lorsque vous cliquez sur l’élément de menu “Exporter le fichier”, vous pouvez choisir le format d’exportation dans la liste. Après avoir sélectionné le format d’exportation, la méthode “ExportFile” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête serveur Ajax pour la méthode btnFileExport_Click
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode “ExportFile”. Elle envoie une requête au serveur pour la méthode btnFileExport_Click avec le paramètre de format de fichier dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous. En fonction du paramètre de format de fichier passé à btnFileExport_Click, le fichier PDF est converti en utilisant la méthode Save de l’objet Document Aspose.PDF.
Exporter le fichier à télécharger sur le navigateur client
Après que le fichier soit généré sur le serveur, le contrôle est renvoyé à la méthode ExportFile dans Editor.js d’où le fichier est envoyé au navigateur pour que l’utilisateur puisse le télécharger en utilisant la méthode ExportToBrowser.
L’Éditeur PDF Html5 prend en charge l’ajout ou la fusion de fichiers PDF, ce que vous pouvez faire en utilisant l’option Ajouter un fichier dans la barre de menu. En utilisant cette fonctionnalité, vous pouvez ajouter le fichier PDF à votre fichier d’entrée. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Ajouter un fichier” est cliqué sur la page.
Lorsque vous cliquez sur l’élément de menu “Ajouter un fichier”, vous pouvez télécharger le fichier en utilisant la boîte de dialogue de téléchargement de fichiers. Après que le fichier soit téléchargé, la méthode “fileSelected” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête serveur pour la méthode ProcessRequest
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode “fileSelected”. Le fichier est envoyé au serveur et la méthode “ProcessRequest” est appelée dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous. En fonction du paramètre de formulaire passé, le fichier à ajouter est enregistré sur le serveur et la méthode “AppendFile” est appelée. La méthode AppendFile ajoute le fichier téléchargé en utilisant Aspose.PDF for .NET, convertit le fichier résultant en image et renvoie le contrôle à la méthode “fileSelected” dans Editor.js.
Mettre à jour le contenu du canevas après l’ajout du fichier
Après que le fichier soit généré sur le serveur, le contrôle est renvoyé à la méthode “fileSelected” dans Editor.js qui met à jour le contenu de l’éditeur.
L’Éditeur PDF HTML5 prend en charge le téléchargement de fichiers PDF depuis la machine locale en utilisant l’option Ouvrir depuis l’ordinateur dans la barre de menu. En utilisant cette fonctionnalité, vous pouvez ouvrir un fichier PDF existant et effectuer des modifications sur votre fichier PDF. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Ouvrir depuis l’ordinateur” est cliqué sur la page.
Lorsque vous cliquez sur l’élément de menu “Ouvrir depuis l’ordinateur”, vous pouvez télécharger le fichier d’entrée en utilisant la boîte de dialogue de téléchargement de fichiers. Après que le fichier soit téléchargé, la méthode “fileSelected” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête serveur pour la méthode ProcessRequest
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode “fileSelected”. Le fichier est envoyé au serveur et la méthode “ProcessRequest” est appelée dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous. En fonction du paramètre de formulaire passé, le fichier à télécharger est enregistré sur le serveur, les données sont réinitialisées en utilisant la méthode “ResetData” et la méthode “ImageConverter” est appelée. La méthode ImageConverter convertit le fichier téléchargé en images en utilisant Aspose.PDF for .NET et renvoie le contrôle à la méthode “fileSelected” dans Editor.js.
Mettre à jour le contenu du canevas après le téléchargement du fichier
Après que le fichier soit généré sur le serveur, le contrôle est renvoyé à la méthode “fileSelected” dans Editor.js qui met à jour le contenu de l’éditeur, c’est-à-dire réinitialise le canevas, charge le fichier nouvellement téléchargé.
En utilisant l’Éditeur PDF Html5, vous pouvez ajouter de nouvelles pages dans des fichiers PDF en utilisant l’option Ajouter une page dans la barre de menu. En utilisant cette fonctionnalité, vous pouvez ajouter une page vierge à votre fichier PDF. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Ajouter une page” est cliqué sur la page
Lorsque vous cliquez sur l’élément de menu “Ajouter une page”, la méthode “AddPage” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête Ajax au serveur pour la méthode AddPage_Click.
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode AddPage, elle appelle la méthode AddPage_Click dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous avec le code source de la méthode AddPage_Click. Elle ajoute une nouvelle page vide dans le fichier PDF en utilisant la classe Aspose.Pdf.Document. Après avoir ajouté la page au fichier PDF, elle convertit la page en image pour être affichée dans l’éditeur. Le contrôle est ensuite renvoyé au fichier Editor.js qui met à jour la numérotation des pages dans la méthode AddPage.
En utilisant l’Éditeur PDF Html5, vous pouvez supprimer une page des fichiers PDF en utilisant l’option Supprimer une page dans la barre de menu. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Supprimer une page” est cliqué sur la page
Lorsque vous cliquez sur l’élément de menu “Supprimer une page”, la méthode DeletePage est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête Ajax au serveur pour la méthode DeletePage_Click.
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode DeletePage, elle appelle la méthode DeletePage_Click dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous avec le code source de la méthode DeletePage_Click. Elle supprime la page sélectionnée du fichier PDF en utilisant la méthode Delete de la collection Aspose.Pdf.Document.Page.
Mise à jour du contenu d’édition
Après avoir supprimé la page du fichier PDF, le contrôle est ensuite renvoyé à la méthode DeletePage dans le fichier Editor.js qui met à jour la numérotation des pages, supprime toutes les collections associées à la page supprimée en utilisant la méthode updateIndexesDelete.
En utilisant l’Éditeur PDF Html5, vous pouvez déplacer des pages dans des fichiers PDF en utilisant l’option Déplacer une page dans la barre de menu. Une fois que vous appuyez sur l’élément de menu Déplacer une page, une boîte de dialogue d’entrée s’affiche pour spécifier le nouvel emplacement de la page sélectionnée. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Déplacer une page” est cliqué sur la page
Lorsque vous cliquez sur l’élément de menu “Déplacer une page”, une boîte de dialogue d’entrée est affichée pour obtenir le nouvel emplacement de la page sélectionnée. Après avoir fourni le numéro de page et appuyé sur le bouton “Déplacer”, la méthode “Move” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête Ajax au serveur pour la méthode MovePages.
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode Move, qui appelle la méthode MovePage et passe les détails comme déplacer de, déplacer vers, liste des pages à la méthode MovePages dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous avec le code source de la méthode MovePages. Elle utilise la collection Aspose.Pdf.Document.Pages pour déplacer les pages.
Mise à jour du contenu d’édition
Après avoir déplacé la page, le contrôle est ensuite renvoyé à la méthode MovePage dans le fichier Editor.js qui met à jour les index de pages et les informations relatives aux différentes collections dans l’éditeur en utilisant la méthode MoveUpdate.
En utilisant l’Éditeur PDF Html5, vous pouvez insérer du texte dans des fichiers PDF en utilisant l’option Mode texte dans la barre de menu. Une fois que vous sélectionnez l’élément de menu Mode texte et cliquez sur n’importe quel emplacement de l’éditeur où vous souhaitez ajouter le texte, une boîte de dialogue d’entrée s’affiche pour saisir et formater votre texte souhaité comme indiqué ci-dessous :
Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Mode texte” est sélectionné sur la page
Lorsque vous sélectionnez l’élément de menu “Mode texte” et cliquez sur l’emplacement souhaité dans l’éditeur pour insérer du texte dans le fichier PDF, une boîte de dialogue d’entrée est affichée pour obtenir le texte que vous devez insérer sur la page. Après avoir fourni le texte et appuyé sur le bouton “OK”, la méthode “saveTextFromArea” est appelée dans le fichier Editor.js.
Javascript - Obtenir le texte d’entrée de la boîte de dialogue d’entrée et l’afficher sur l’éditeur.
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode saveTextFromArea, qui obtient le texte de la boîte de dialogue d’entrée et l’affiche sur l’éditeur. De plus, elle enregistre les données dans la collection shapes qui est ensuite utilisée côté serveur pour insérer du texte dans le fichier PDF. Vous pouvez vérifier le code source de la méthode saveFile qui est appelée lorsque le fichier est enregistré.
La méthode web ASP.NET gère les requêtes du serveur
Comme mentionné ci-dessus, le texte sera en fait inséré dans notre fichier PDF source lorsque nous effectuons l’opération d’enregistrement qui utilise la méthode GetTextStamp pour créer le tampon de texte à insérer dans le fichier PDF. Voir l’onglet Canvas.aspx.cs ci-dessous avec le code source de la méthode GetTextStamp. Elle utilise la classe Aspose.Pdf.TextStamp pour insérer le texte dans le fichier PDF.
En utilisant l’Éditeur PDF Html5, vous pouvez surligner du texte dans des fichiers PDF en utilisant l’option Mode surlignage dans la barre de menu. Une fois que vous sélectionnez l’élément de menu Mode surlignage, vous pouvez surligner n’importe quel texte et zone en utilisant l’outil de surlignage rectangulaire. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Mode surlignage” est sélectionné sur la page
Lorsque vous sélectionnez l’élément de menu “Mode surlignage”, vous pouvez dessiner un surlignage rectangulaire autour de n’importe quel texte ou élément dans votre fichier PDF. L’implémentation de ce processus peut être vue dans la méthode “tools.rect” dans le fichier Editor.js.
Javascript - Dessiner un rectangle de surlignage sur l’éditeur.
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode tool.rect, qui permet à l’utilisateur de dessiner un rectangle de surlignage à n’importe quel emplacement sur l’éditeur. De plus, elle enregistre les données dans la collection shapes qui est ensuite utilisée côté serveur pour insérer le surlignage dans le fichier PDF source. Vous pouvez vérifier le code source de la méthode saveFile qui est appelée lorsque le fichier est enregistré.
La méthode web ASP.NET gère les requêtes du serveur
Comme mentionné ci-dessus, le surlignage est en fait inséré dans notre fichier PDF source lorsque nous effectuons l’opération d’enregistrement qui utilise la méthode GetImageStamp pour insérer le tampon d’image dans le fichier PDF source à l’emplacement spécifié sur l’éditeur. Voir l’onglet Canvas.aspx.cs ci-dessous avec le code source de la méthode GetImageStamp. Elle utilise la classe Aspose.Pdf.ImageStamp pour insérer le rectangle de surlignage dans le fichier PDF.
En utilisant l’Éditeur PDF Html5, vous pouvez rechercher du texte dans des fichiers PDF en utilisant l’option Rechercher du texte dans la barre de menu. Une fois que vous cliquez sur l’élément de menu Rechercher du texte, une boîte de dialogue s’affiche pour saisir le texte à rechercher comme indiqué ci-dessous :
En fournissant le texte et en appuyant sur rechercher, toutes les instances du mot recherché seront surlignées comme indiqué ci-dessous :
HTML - L’élément de menu “Rechercher du texte” est cliqué sur la page
Lorsque vous cliquez sur l’élément de menu “Rechercher du texte”, une boîte de dialogue d’entrée vous est présentée pour entrer le texte que vous souhaitez rechercher. Après avoir entré le texte et appuyé sur le bouton de recherche, la méthode “Move” est appelée qui vérifie si l’opération de déplacement de page est effectuée ou si l’opération de recherche est effectuée, puis elle appelle la méthode performSearch dans le fichier Editor.js.
jQuery - Envoyer une requête serveur Ajax pour la méthode SearchData
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode performSearch, qui obtient le texte d’entrée et une requête au serveur pour la méthode SearchData dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous. En utilisant le texte d’entrée passé depuis la méthode performSearch, la méthode SearchData utilise la classe Aspose.Pdf.Text.TextFragmentAbsorber pour rechercher toutes les instances du texte d’entrée dans notre fichier PDF source et la classe System.Drawing.Brush pour dessiner le surlignage contre le texte recherché. Une fois les données recherchées, le fichier résultant est à nouveau converti en image et chargé dans l’éditeur.
En utilisant l’Éditeur PDF Html5, vous pouvez remplacer le texte existant dans des fichiers PDF en utilisant l’option Remplacer du texte dans la barre de menu. Une fois que vous cliquez sur l’élément de menu Remplacer du texte, une boîte de dialogue vous sera présentée pour saisir le texte à rechercher et à remplacer.
HTML - L’élément de menu “Remplacer du texte” est cliqué sur la page
Lorsque vous cliquez sur l’élément de menu “Remplacer du texte”, une boîte de dialogue d’entrée vous est présentée pour entrer le texte à rechercher et à remplacer. Après avoir entré le texte et appuyé sur le bouton Remplacer, la méthode “ReplaceText” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête serveur Ajax pour la méthode ReplaceText
Voir l’onglet Editor.js ci-dessous pour le code source de la méthode ReplaceText, qui obtient le texte d’entrée de la boîte de dialogue de texte d’entrée et une requête au serveur pour la méthode ReplaceText dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous. La méthode ReplaceText utilise la classe Aspose.Pdf.Text.TextFragmentAbsorber pour rechercher toutes les instances du texte à remplacer dans notre fichier PDF source et remplace toutes les instances par le texte remplacé. Une fois le texte remplacé, le fichier résultant est à nouveau converti en image et chargé dans l’éditeur.
En utilisant l’Éditeur PDF Html5, vous pouvez charger et travailler avec un fichier PDF contenant des champs de formulaire. Une fois le fichier avec des champs de formulaire chargé dans l’éditeur, tous les champs de formulaire sont chargés pour l’édition. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Ouvrir depuis l’ordinateur” est cliqué sur la page.
Lorsque vous cliquez sur l’élément de menu “Ouvrir depuis l’ordinateur”, vous pouvez télécharger le fichier d’entrée contenant les champs de formulaire en utilisant la boîte de dialogue de téléchargement de fichiers. Après que le fichier soit téléchargé, la méthode “fileSelected” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête serveur pour la méthode ProcessRequest
Le fichier est envoyé au serveur et la méthode “ProcessRequest” est appelée dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous. En fonction du paramètre de formulaire passé, le fichier à télécharger est enregistré sur le serveur, la méthode ImageConverter convertit le fichier téléchargé en images et la méthode “CheckFields” est appelée qui utilise la classe Aspose.Pdf.InteractiveFeatures.Forms pour vérifier tous les champs de formulaire et collecter les informations concernant les champs, c’est-à-dire FieldType, Location, etc. et renvoie la collection de champs à la méthode ImageConverter. La méthode ImageConverter renvoie le contrôle à la méthode “fileSelected” dans Editor.js.
Chargement des champs de formulaire sur le canevas
Voir l’onglet Editor.js ci-dessous, la méthode manageFields dans Editor.js est utilisée pour générer tous les champs sur le canevas en fonction des informations renvoyées par le serveur. Elle dessine des contrôles de champ HTML en utilisant le type et les informations de localisation du côté serveur sur le canevas.
En utilisant l’Éditeur PDF Html5, vous pouvez surligner les champs de formulaire requis dans l’éditeur. Une fois le fichier avec des champs de formulaire chargé dans l’éditeur, tous les champs de formulaire requis sont surlignés pour aider les utilisateurs dans l’édition. Dans notre prochaine section, nous discuterons des détails techniques derrière cette fonctionnalité.
HTML - L’élément de menu “Ouvrir depuis l’ordinateur” est cliqué sur la page.
Lorsque vous cliquez sur l’élément de menu “Ouvrir depuis l’ordinateur”, vous pouvez télécharger le fichier d’entrée contenant les champs de formulaire en utilisant la boîte de dialogue de téléchargement de fichiers. Après que le fichier soit téléchargé, la méthode “fileSelected” est appelée dans le fichier Editor.js.
jQuery - Envoyer une requête serveur pour la méthode ProcessRequest
Le fichier est envoyé au serveur et la méthode “ProcessRequest” est appelée dans le fichier CanvasSave.aspx.cs.
La méthode web ASP.NET gère les requêtes du serveur
Voir l’onglet Canvas.aspx.cs ci-dessous. En fonction du paramètre de formulaire passé, le fichier à télécharger est enregistré sur le serveur, la méthode ImageConverter convertit le fichier téléchargé en images et la méthode “CheckFields” est appelée qui utilise la classe Aspose.Pdf.InteractiveFeatures.Forms pour vérifier tous les champs de formulaire et collecter les informations concernant les champs, c’est-à-dire FieldType, Location, etc. Après avoir obtenu les détails de tous les champs de formulaire, nous obtenons les informations sur les champs de formulaire requis en utilisant la méthode Aspose.Pdf.Facades.IsRequiredField et renvoyons la collection de champs à la méthode ImageConverter. La méthode ImageConverter renvoie le contrôle à la méthode “fileSelected” dans Editor.js.
Chargement des champs de formulaire sur le canevas
Voir l’onglet Editor.js ci-dessous, la méthode manageFields dans Editor.js est utilisée pour générer tous les champs sur le canevas en fonction des informations renvoyées par le serveur. Elle dessine des contrôles de champ HTML en utilisant le type et les informations de localisation du côté serveur sur le canevas. Si un certain champ est requis, elle utilise le div (nommé wrapper) autour du contrôle et change la propriété de couleur de fond du div pour le montrer comme un champ requis surligné.
Analyzing your prompt, please hold on...
An error occurred while retrieving the results. Please refresh the page and try again.