我目前正在使用float来显示一个包含一些文本和图像的索引页
我希望下面的文本(markdown post.body)以…结尾。。。然后是"more"(more是带下划线的链接)。当前"更多"出现在新行中。
我明白了。。。"编译的JavaScript代码。第二个命令是"Run",它在编辑器中编译代码并评估JavaScript,并向您显示…的结果
更多">
我想要的是。。。"编译后的JavaScript代码。第二个命令是"Run",它在编辑器中编译代码并评估JavaScript,并向您显示…more">
我已经粘贴在下面视图的相关部分应用程序/视图/帖子/索引
<div class= "article-face-img">
<% face_image = article_face_image post %>
<%= image = image_tag face_image, size: "260x205", class: "article-face-img" %>
<h1><%= post.title %> </h1>
<%= dateconvert post.updated_at %>
<%= markdown post.body[0..1250] + "..." %>
<%= link_to 'more', post %>
</div>
其中"article_face_image"one_answers"markdown"是辅助方法。
从css
// for posts to align image and text
.article-face-img{
float: left;
padding: .8em;
}
.clearfix {
clear: both;
}
我尝试了很多事情,包括在显示之前将post_body添加到链接中,例如
<% a = markdown post.body[0..1250] + "..."%>
<% b = link_to 'more', post %>
<%= a = a + b %>
感谢任何帮助谢谢Pierre
我认为您的问题是markdown
将您的文本嵌入到<p>...<p/>
标记中,这就是为什么您的more
显示在markdown代码的单独一行上。
我会用来解决这个问题
<%= markdown post.body[0..1250] + "... #{link_to 'more', post}" %>
基本上将链接嵌入到标记的字符串中。