在meteorjs和bootstrap 3中只显示50个字符

Question

我正在为我的应用程序使用 Meteorjs 和 bootstrap 3。我对这两个都很陌生。我正在做的是从数据库中获取一些对象并将它们呈现在 Table 中。但问题是如果对象文本很长，它会增加影响所有模板结构的表格行大小。我可以通过隐藏溢出来做到这一点，但这不是正确的方法。我就是这样做的

{{#each questions}}
    <tr>
        <td>
<a href="#" data-id="{{_id}}" class="edit"> {{question_text}}</a>
         </td>
    </tr>
{{/each}}


Template.questions.questions = function () {
    questions= Meteor.questions.find({topic_id: Session.get("currentTopicId")});
    return questions
}

我只想在 TD 单元格中显示问题的前 50 个字符，后面跟着几个点。我怎么能在meteorjs中做到这一点。我需要在渲染之前拆分文本吗？或告诉我如何在模板中拆分 question_text，或者是否有任何仅显示文本前 50 个字符的内置方法。

我的下一个查询是当我打印或执行 console.log(questions) 时，它向我显示了许多字段，例如集合、查询以及查询、结果、文档每个都包含对象问题的其他一些内容。如何从响应对象中获取这些问题对象。意味着我想在这些问题对象上迭代一个循环。我该怎么做。

简单来说，我想在检索到的对象上迭代循环。

有人可以使用 handlebarsjs.js 发布一个完整的示例

Answer 1

你可以用助手来做。

 Handlebars.registerHelper('trimString', function(passedString) {
      return new Handlebars.SafeString(passedString.substring(0,50))
   });

{{trimstring question_text}}

Answer 2

在 CSS3 的世界中，JS 中的文本已不再是这种情况。我会鼓励你为此使用 CSS3。好处？

• 悬停后的修剪文本在提示中以完整格式显示，
• 与元素宽度（本例中为 td 单元格）相关的动态修剪，
• 更灵活

.修剪{ 溢出：隐藏； /* 需要使文本溢出工作 */ 文本溢出：省略号； /* 添加'...' */ 宽度：9em； /* 可以像 % 一样灵活固定 */ 空白：nowrap； /* 如果文本不适合元素，则不换行 */ }