[RUBY] [Pour ceux qui créent des portfolios] Comment omettre les chaînes de caractères

Lors de la création d'un portfolio, j'ai pensé que j'aimerais omettre la longue phrase et afficher "Lire la suite" ou "...", donc je vais le résumer ici.

Conclusion

Utilisez la méthode truncate.

Comment utiliser

Il existe deux types de troncature.

String

string.rb


 "Le printemps est Akebono. Au bord de la montagne, qui devient enfin blanche, elle s'illumine un peu, et les minces nuages de nuages violets flottent.".truncate(30) %>
 # "Le printemps est Akebono. Au bout de la montagne, qui devient enfin blanche, un peu de lumière,..."
option La description Défaut
:omission Chaîne de caractères à ajouter après la chaîne de caractères omise ...
:separator Délimiteur. Assurez-vous que la chaîne de caractères n'est pas coupée à moitié. Je ne peux pas le faire en japonais. Aucun

Avec ces,

string.rb


"Le printemps est Akebono. Au bord de la montagne, qui devient enfin blanche, elle s'illumine un peu, et les minces nuages de nuages violets flottent.".truncate(30, omission: '...Lire la suite', separator: ' ')
# "Le printemps est Akebono. Enfin blanchissant à flanc de montagne, peu...Lire la suite"

TextHelper

texthelper.rb


truncate("Le printemps est Akebono. Au bord de la montagne, qui devient enfin blanche, elle s'illumine un peu, et les minces nuages de nuages violets flottent.")
# "Le printemps est Akebono. Au bout de la montagne, qui devient enfin blanche, un peu de lumière,..."
option La description Défaut
:length Longueur de la chaîne de caractères avant omission 30
:omission Chaîne de caractères à ajouter après la chaîne de caractères omise ...
:separator Délimiteur. Assurez-vous que la chaîne de caractères n'est pas coupée à moitié. Je ne peux pas le faire en japonais. Aucun
:escape HTML d'échappement(Ne pas échapper si false est spécifié) true

Résultat de l'utilisation réelle

Je l'ai utilisé pour afficher le contenu de la personne qui l'a publié.

<%= truncate(@post.content, length: 50) do %>
  <p><%= link_to 'Lire la suite', @post %></p>
<% end %>
スクリーンショット 2020-07-20 19.03.45.png Lorsque vous entrez dans le rapport hebdomadaire, le message sera affiché sur le côté droit, et après avoir affiché 50 caractères du contenu publié, vous pouvez accéder aux détails avec le lien pour en savoir plus.

référence

https://apidock.com/rails/String/truncate https://apidock.com/rails/ActionView/Helpers/TextHelper/truncate

Recommended Posts

[Pour ceux qui créent des portfolios] Comment omettre les chaînes de caractères
[Pour ceux qui créent des portefeuilles] Comment utiliser Chart kick
[Pour ceux qui créent des portefeuilles] Comment utiliser binding.pry avec Docker
[Pour ceux qui créent des portefeuilles] Fonction de recherche créée avec ransack
Comment créer un référentiel Maven pour 2020
[Pour ceux qui créent des portefeuilles] Réduisez les erreurs et facilitez la lecture du code -Rubocop Airbnb-
Comment créer une base de données H2 n'importe où
[java] Résumé de la gestion des chaînes de caractères
Comment créer docker-compose
Comment concaténer des chaînes
[Spring Boot] Comment créer un projet (pour les débutants)
Créez une application Android pour ceux qui ne veulent pas écouter de musique sur leurs haut-parleurs
Comment créer une image de conteneur légère pour les applications Java
FAQ sur VS Code pour ceux qui veulent échapper à Eclipse
Comment créer une méthode
Comment créer et lancer un Dockerfile pour Payara Micro
Comment changer les arguments dans la méthode [Java] (pour ceux qui sont confus en passant par valeur, passant par référence, passant par référence)
[Rails] Comment omettre l'affichage de la chaîne de caractères de la méthode link_to
Comment spécifier la validation pour time_field
Comment installer JMeter pour Mac
Comment entourer n'importe quel caractère avec "~"
[Swift] Comment remplacer plusieurs chaînes
Comment concaténer des chaînes avec Java
[Docker] Comment créer un environnement virtuel pour les applications Rails et Nuxt.js
Comment utiliser binding.pry pour afficher le fichier
Comment installer Play Framework 2.6 pour Mac
Exemple pour créer une balise personnalisée pour JSP
[Swift5] Comment créer un écran de démarrage
[rails] Comment créer un modèle partiel
Nécessaire pour iOS 14? Comment définir NSUserTrackingUsageDescription
[Pour les débutants] Comment déboguer avec Eclipse
Comment faire une méthode de jugement pour rechercher n'importe quel caractère dans le tableau