Utilisation de l'extrait HTML avec l'éditeur de texte enrichi

Plusieurs fois, lorsque vous travaillez sur un projet, vous pouvez rencontrer une situation dans laquelle vous devez ajouter le même type de structure à plusieurs pages. Pour y parvenir, vous devez ajouter le même morceau de code encore et encore.

Cette utilisation a été une tâche difficile pour de nombreux développeurs lors de la création de sites. Maintenant, nous pouvons nous débarrasser de cette tâche répétitive en utilisant la «fonctionnalité d'extrait HTML de Sitecore avec Rich Text Editor».

Pour ce faire, nous devons simplement créer un extrait du code HTML. Ensuite, nous devons l'ajouter à l'éditeur de texte enrichi et il peut être utilisé directement avec le texte enrichi.

Prenons un exemple où nous devons ajouter plusieurs fois un en-tête et un paragraphe. Ici, je vais créer un extrait HTML de la partie répétitive et l'ajouter dans l'éditeur de texte enrichi.

Testé dans l'instance Sitecore (version 9)

Étape 1: Basculer vers la base de données principale.

Étape 2: Ouvrir Éditeur de contenu et accédez à / sitecore / system / Settings / Élément Profils de l'éditeur HTML où nous pouvons voir tous les profils de texte enrichi disponibles.

Étape 3: À partir des profils disponibles, développez Élément Rich Text Full et Extend Snippets. Sous cet élément, nous pouvons créer des extraits HTML personnalisés.

Étape 4: Sous le dossier Extraits de code, créez un nouvel élément d'extrait à l'aide de / Sitecore / template / Système / Profils de l'éditeur HTML / Modèle d'extrait d'éditeur HTML qui contient les champs En-tête et Valeur.

Étape 5: L'élément nouvellement créé contient un champ En-tête et le champ Valeur. Les champs d'en-tête contiennent le titre à afficher pour l'éditeur de texte enrichi. Les champs de valeur contiennent les éléments de bloc HTML réels à utiliser.

Étape 6: Il est temps de revenir à la base de données master. Maintenant, nous devons créer un modèle avec un champ de texte enrichi et ajouter une source de champ pointant vers l'élément de profil de texte enrichi pour lequel nous avons ajouté un nouvel extrait de code HTML personnalisé. L'option de l'éditeur est disponible en texte riche complet. Par conséquent, nous devons fournir la source au champ Editeur de texte enrichi.

«/ sitecore / system / Settings / Profils de l'éditeur HTML / Rich Text Full»

Par en ajoutant la source au champ RTE, l'extrait personnalisé sera disponible pour les éléments créés à partir de ce modèle uniquement. Pour utiliser cet extrait de code HTML personnalisé dans tous les champs de texte enrichi, ajoutez un fichier de correctif pour modifier le fichier de configuration des paramètres HtmlEditor.DefaultProfile

Étape 7: Ensuite, accédez à l'élément de contenu, il insérera le code HTML dans l'éditeur de texte enrichi .

Étape 8: Le bloc HTML est maintenant ajouté à l'éditeur de texte enrichi et l'auteur du contenu peut le modifier également .

Grâce à cette fonction d'extrait de code, vous pouvez désormais libérer du temps pour travailler sur d'autres éléments de votre projet. J'espère que vous avez trouvé cela utile. Consultez notre blog Sitecore pour des conseils et astuces plus utiles.