创建预览框答案

【问题标题】：Creating a Preview box创建预览框
【发布时间】：2012-10-15 17:48:05
【问题描述】：

我做了一个小 div 框，刚好可以容纳 2 行半的句子。但实际上我想要做的是，我只是显示预览（几行句子）。我想在句子的末尾添加“阅读更多...”，当用户点击它时，会导致另一个页面显示整篇文章。

我正在从数据库中提取这些文章。我的问题是，如何从数据库中提取几行并在小 div 框中预览...？

最好的方法是什么？我应该如何控制文本的数量作为要在 div 框中显示的预览。

可以用Javascript、PhpMysql提取码、CSS控制吗？最好的方法是什么？

注意：（我正在从数据库中提取文章。作为测试平台，我使用 wamp 服务器及其 mysql 数据库）

【问题讨论】：

【解决方案1】：

您可以做的是从数据库中提取整个文本，然后在您的文本节点上运行以下 javascript：

来自他们的文档：

Cutter.run( oApplyTo, oTarget, nWords, oTexts, oClasses )

【讨论】：

【解决方案2】：

您可以在数据库中执行类似摘录列的操作，并将其显示在您的 div 框中，当用户单击阅读更多时，您可以从数据库加载全文。或者您可以编写简单的 js 脚本，该脚本将删除您不需要的所有内容。或者您可以通过 css 为您的 div 框设置大小并将溢出属性设置为隐藏：

.excerpt {
   width: xx px;
   height: xx px;
   overflow: hidden;
}

【讨论】：

【解决方案3】：

不是答案，而是一些提示：

您可以尝试使用 ajax 来获取整篇文章并使用 js 对其进行剪辑。
或者，提供服务器端支持以提供剪辑文章并使用 ajax 获取。

获得文章的剪辑部分后，使用 innerHTML 将其显示在 div 中应该相当容易。

要固定 div 框的位置，可以使用 js 或 css。

【讨论】：