Nouvelle expérience Signer: Markdown Formatting - Partie 2

Duo Liang, février 5, 2020

La nouvelle expérience de signataire tire parti de la langue "Markdown" pour normaliser le formatage de l'étiquette d'interface uI, ce qui vous offre des options plus flexibles et plus puissantes pour personnaliser les styles de texte et a considérablement réduit les efforts lors du rebranding des messages d'interface.

Dans ce blog, nous allons continuer avec la syntaxe markdown couramment utilisé, nous avons discuté dans la partie 1 de ce blog et de fournir un bon moyen d'auto-vérifier les effets de sortie avant de soumettre votre personnalisation. Commençons !

Syntaxe Markdown

Dans la section ci-dessous, parcourez une partie de la syntaxe qui est largement utilisée dans Markdown.

Indentation

Commencer une ligne avec un « ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' ' Pour mettre fin à l'indentation et commencer un nouveau paragraphe, mettez le caractère newline « n » deux fois.

paragraphe avec ligne d'indentation 1-nparagraph avec ligne d'indentation 2 'n 'na nouveau paragraphe

 2-5-1

En-tête

Démarrer une ligne avec un hon " et un espace fait un en-tête. Plus il y a de « ô », plus l'en-tête est petit.

- header1n
En-tête2n

Remarque: Les en-têtes doivent être précédés d'une nouvelle ligne
 2-5-2

Liens

Le texte de lien est inclus par des parenthèses carrées [], et pour les liens en ligne, l'URL de lien est incluse par parenthèse ().

 [Texte de lien] (URL de lien) 
 [cliquez sur moi] (https://www.example.com)

Pour afficher uniquement le lien sans texte de lien, enfermez l'URL de lien avec les caractères >supérieurs et inférieurs .


 

 

Remarque: L'URL doit inclure des « http:// » ou des « https:// »
2-5-3

Auto-vérifier la sortie

Dans l'expérience de signature classique, parfois la sortie pourrait sembler différente de votre attente, ce qui pourrait vous avoir causé quelques va-et-vient en essayant de configurer les étiquettes d'interface à l'air personnalisées correctement dans les paramètres de votre compte.

Cependant, avec le markdown, il sera beaucoup plus facile de prévisualiser les sorties grâce aux bibliothèques de tiers open-source et aux éditeurs de markdown en ligne là-bas. 

Dans ce blog, je vous suggère d'utiliser une bibliothèque Javascript tiers "marqué" pour parse et rendre la chaîne de markdown dans un navigateur. Il suffit de créer un fichier HTML avec le code ci-dessous et d'ouvrir le fichier avec l'un des navigateurs communs. Cela vous permet de prévisualiser les formats de balisage avec un minimum d'efforts.

Télécharger le fichier

Une fois le fichier ouvert, la capture d'écran gauche ci-dessous illustre la vue depuis votre navigateur local. Après avoir soumis le même contenu à votre compte, la capture d'écran droite est ce que vous verrez à la page de résumé de remerciement réel au cours de l'expérience de nouveau signataire, avec les formats identiques comme testé dans local.   
 2-5-4
Avec cette approche et toutes les syntaxes de markdown que nous avons couvert cette série de blog, vous serez en mesure de mettre la supériorité du markdown en jeu complet et de créer plus professionnel et fonctionnel merci page de synthèse, pages d'erreur, et les barres d'alerte pour mieux répondre à votre exigences commerciales.

Si vous avez des questions concernant ce blog ou toute autre chose concernant l'intégration de OneSpan Sign dans votre application, visitez les Forums communautairesdes développeurs . Vos commentaires sont importants pour nous!

OneSpan Sign Developer Community

OneSpan Sign Developer Community

Rejoignez la communauté OneSpan Sign Developer! Forums, blogs, documentation, téléchargements SDK, et plus encore.

Joignez-vous aujourd'hui