Рельсы: получить тизер / выдержку для статьи

У меня есть страница, на которой будут перечислены новостные статьи. Чтобы сократить длину страницы, я только хочу показать тизер (первые 200 слов / 600 букв статьи), а затем отобразить ссылку "еще...", которая при щелчке раскроет остальную часть статья в стиле jQuery/Javascript. Теперь я все это выяснил и даже нашел следующий вспомогательный метод на некоторой странице вставки, который будет следить за тем, чтобы новостная статья (строка) не выделялась прямо в середине слова:

 def shorten (string, count = 30)
    if string.length >= count
      shortened = string[0, count]
      splitted = shortened.split(/\s/)
      words = splitted.length
      splitted[0, words-1].join(" ") + ' ...'
    else
      string
    end
  end

У меня проблема в том, что тела новостных статей, которые я получаю из БД, имеют формат HTML. Так что, если мне не повезет, вышеупомянутый помощник порежет строку моей статьи прямо в середине HTML-тега и вставит туда строку "more..." (например, между ""), которая испортит мой HTML-файл на странице.,

Есть ли способ обойти это или есть плагин, который я могу использовать для создания отрывков / тизеров из строки HTML?

Источник

8 ответов

Решение

Большое спасибо за ваши ответы! Однако тем временем я наткнулся на плагин jQuery HTML Truncator, который идеально подходит для моих целей и переносит усечение на клиентскую сторону. Это не становится легче:-)

Источник

Вы можете использовать комбинацию Sanitize и Truncate.

truncate("And they found that many people were sleeping better.", 
  :omission => "... (continued)", :length => 15)
# => And they found... (continued)

Я делаю аналогичную задачу, где у меня есть сообщения в блоге, и я просто хочу показать краткий отрывок. Так что, на мой взгляд, я просто делаю:

sanitize(truncate(blog_post.body, length: 150))

Это убирает теги HTML, дает мне первые 150 символов и обрабатывается в представлении, поэтому оно является дружественным к MVC.

Удачи!

Источник

Мой ответ здесь должен сделать работу. Первоначальный вопрос (ошибочно заданный мной) касался усечения уценки, но в итоге я преобразовал уценку в HTML, а затем урезал ее, чтобы она работала.

Конечно, если ваш сайт получает много трафика, вы должны кэшировать выдержку (возможно, когда пост создан / обновлен, вы можете сохранить выдержку в базе данных?), Это также означает, что вы можете позволить пользователю изменять или вводить свои собственные выдержка

Использование:

>> puts "<p><b><a href=\"hi\">Something</a></p>".truncate_html(5, at_end = "...")
=> <p><b><a href="hi">Someth...</a></b></p>

..и код (скопировано из другого ответа):

require 'rexml/parsers/pullparser'

class String
  def truncate_html(len = 30, at_end = nil)
    p = REXML::Parsers::PullParser.new(self)
    tags = []
    new_len = len
    results = ''
    while p.has_next? && new_len > 0
      p_e = p.pull
      case p_e.event_type
      when :start_element
        tags.push p_e[0]
        results << "<#{tags.last}#{attrs_to_s(p_e[1])}>"
      when :end_element
        results << "</#{tags.pop}>"
      when :text
        results << p_e[0][0..new_len]
        new_len -= p_e[0].length
      else
        results << "<!-- #{p_e.inspect} -->"
      end
    end
    if at_end
      results << "..."
    end
    tags.reverse.each do |tag|
      results << "</#{tag}>"
    end
    results
  end

  private

  def attrs_to_s(attrs)
    if attrs.empty?
      ''
    else
      ' ' + attrs.to_a.map { |attr| %{#{attr[0]}="#{attr[1]}"} }.join(' ')
    end
  end
end
Источник

Я бы санировал HTML и извлекал первое предложение. Предполагая, что у вас есть модель статьи с атрибутом body, содержащим HTML:

# lib/core_ext/string.rb
class String
  def first_sentence
    self[/(\A[^.|!|?]+)/, 1]
  end
end

# app/models/article.rb
def teaser
  HTML::FullSanitizer.new.sanitize(body).first_sentence
end

Это конвертирует "Это статья важная! А вот и остальная часть статьи". в "Это важная статья".

Источник

Вам придется писать более сложные парсеры, если вы не хотите разбивать середину HTML-элементов. он должен будет помнить, находится ли он в середине блока <> и находится ли он между двумя тегами.

даже если бы вы сделали это, у вас все равно были бы проблемы. если некоторые помещают всю статью в элемент html, так как парсер не может разбить ее где-либо из-за отсутствующего закрывающего тега.

если это вообще возможно, я бы постарался не ставить какие-либо теги в статьях или оставлять их для тегов, которые ничего не содержат (нет <div> и так далее). таким образом, вам нужно будет только проверить, что вы находитесь в середине тега, который довольно прост:

  def shorten (string, count = 30)
     if string.length >= count
       shortened = string[0, count]
       splitted = shortened.split(/\s/)
       words = splitted.length
       if(splitted[words-1].include? "<")
         splitted[0,words-2].join(" ") + ' ...'
       else
         splitted[0, words-1].join(" ") + ' ...'
     else
       string
     end   
  end
Источник

Если вы используете Active Text, я бы предложил сначала преобразовать текст с помощьюto_plain_text.

      truncate(sanitize(career.content.body.to_plain_text), length: 150).squish
Источник

Теперь есть гем под названием HTMLTruncator, который позаботится об этом за вас. Я использовал его для отображения выдержек из постов и тому подобного, и это очень надежно.

Источник

Я решил это, используя следующее решение

Установите гем 'sanitize'

gem install sanitize

и использовал следующий код, здесь тело является текстом, содержащим HTML-теги.

<%= content_tag :div, Sanitize.clean(truncate(body, length: 200, separator: ' ', omission: "... #{ link_to '(continue)', '#' }"), Sanitize::Config::BASIC).html_safe %>

Дает выдержку с действительным HTML. Надеюсь, это кому-нибудь поможет.

Источник
Другие вопросы по тегам