Rails tronca con un commutatore "leggi altro"

Question

Ho un paragrafo che voglio troncare con l'opzione di fare clic su "leggi di più" e farlo aprire con il resto del contenuto. Il contenuto proviene da un campo di database. Ecco quello che ho per il troncato:

<%= truncate(@major.glance, :length => 250, :omission => '... Read More')%> 

io non riesco a trovare un modo per fare questo con dati estratti da un database. Vedo molti esempi usando il testo completo con il testo che vuoi nascondere in un tag div separato. Ma poiché questo contenuto proviene da un database ed è dinamico, non riesco a trovare alcuna informazione su come farlo.

Answer 1

È possibile provare il seguente

<div> 
    <% if @major.glance.length > 250 %> 
    <%= link_to_function truncate(@major.glance, length: 250), "$(this).parent().html('#{escape_javascript @major.glance}')" %> 
    <% else %> 
    <%= @major.glance %> 
    <% end %> 
</div> 

o se si preferisce utilizzare la Read more collegamento

<div> 
    <% if @major.glance.length > 250 %> 
    <%= truncate(@major.glance, length: 250) %> 
    <%= link_to_function '...Read more', "$(this).parent().html('#{escape_javascript @major.glance}')" %> 
    <% else %> 
    <%= @major.glance %> 
    <% end %> 
<div> 

UPDATE

Dal momento in Rails 4, link_to_function è deprecato ed è si consiglia di avere js non ostruente, utilizzare il seguente

<div> 
    <% if @major.glance.length > 250 %> 
    <%= truncate(@major.glance, length: 250) %> 
    <%= link_to '...Read more', '', class: "read-more-#{@major.id}" %> 
    <script> 
     $('.read-more-<%= @major.id %>').on('click', function(e) { 
     e.preventDefault() 
     $(this).parent().html('<%= escape_javascript @major.glance %>') 
     }) 
    </script> 
    <% else %> 
    <%= @major.glance %> 
    <% end %> 
<div> 

Answer 2

So che mi sto unendo a questa conversazione un po 'tardi. Ho affrontato lo stesso problema, provando la soluzione sopra, che funziona bene. Tuttavia, il contenuto saggio di SEO che è stato nascosto non è stato indicizzato dai motori di ricerca. Ho controllato anche Lynx e il collegamento non può essere seguito (ovviamente). Così deciso per questa soluzione da Jed Foster | readmore.js - lince può leggerlo correttamente e ora sto aspettando l'aggiornamento dell'indice SE e vedere se riesco a trovarmi nei risultati di ricerca. Nel caso in cui qualcuno si trovi in ​​una situazione simile ...