问题标签 [liquid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
114 浏览

layout - 百分比容器内的百分比浮动容器

我有一个简单的问题,我无法弄清楚。看这个html代码:

CSS:

问题是最后一个容器:#main,standard 仅与它所拥有的内容一样宽。所以我不得不为其添加一个固定的宽度(px)。我设计的重点是我有浮动的百分比 div,所以这很糟糕。在 % 中添加 100% 宽度或任何其他数字,也有其自身的问题。

有没有人可以为我解决?

谢谢!

http://www.mathijsdelva.be/cms/

我没有微调任何东西;到目前为止,我只是为 Safari 编写了 html 文件。

0 投票
1 回答
1139 浏览

ruby-on-rails - 在 Liquid Drop 中使用 Rails 的 stylesheet_link_tag 和 javascript_include_tag

我希望能够让用户完全控制和编辑布局。我还希望他们能够包含他们想要的 javascript 插件。因此,我必须制作一个界面来允许他们这样做。

例如,默认的 html 看起来像一个更复杂的版本:

我的 Liquid JsPlugins drop 是这样的:

但是,当我运行我的规范时,我收到了这个错误(请注意,您会看到@drop["colorbox-1.3.15"]我上面提供的代码的行为不同。但是,我想简化我的代码,因为这不是问题,而是问题的使用TagHelper):

如果问题是由于它与我的 Rails 环境是分开的,并且 drop 无法访问 Rails 的这一事实引起的,我不会感到惊讶config。由于我仍然希望能够使用这些方便的方法并且:cache => true它们提供了,如果可能的话,我如何在 drop 中使用 stylesheet_link_tag 和 javascript_include_tag

0 投票
1 回答
562 浏览

ruby - 如何使值在所有 Liquid 模板中可用

我正在将 Liquid 与 Sinatra 一起使用,并希望Sinatra::Application.environment在所有模板中都提供某个值(特别是 ),而不是在每个 get/post 中将其定义为本地值。像这样:

在 app.rb (我的主应用程序文件)中:

在 app.rb--我的主应用程序文件中,或者我可以要求/包含的内容中:

在任何模板中:

只要我不必在每条路线中放置冗余代码,我就不会真正关心实现。提前致谢!

0 投票
1 回答
3269 浏览

html - 我需要将位于液体宽度 div 内的固定宽度 div 居中

我的代码如下所示:

所以我们在这里看到的是一堆旨在随分辨率扩展的液体 div。然后是一个固定宽度的内容框。我需要将那个固定宽度的盒子居中,在阳光下什么都做不了。我已经打了几个小时的头,我查看了有关该主题的每个教程和 SO 问题。什么都没有。这是CSS,由于我尝试实施的所有修复程序,它有点麻烦:

在我将“包装器”从固定宽度移动到液体宽度的那一刻,它使“主要”元素不居中。我什么都试过了。我错过了什么?

0 投票
1 回答
2440 浏览

ruby-on-rails - 在 Rails 3 中使用液体

我正在制作一个 Rails 博客引擎用于学习目的。我想使用液体作为模板引擎。我有这样的东西

这给了我以下错误:

我已经在 initializers/liquid.rb 中加载了 LiquidView 请让我知道我的问题是什么。谢谢

0 投票
2 回答
2808 浏览

html - 页脚始终位于底部但没有固定高度

谁能帮我制作一个基于 DIV 的 HTML 代码,它的结果与这个基于 TABLE 的代码类似:

0 投票
1 回答
1869 浏览

templating - 使用 Liquid 截断 HTML

我正在使用Liquid 模板引擎来显示一系列汇总的帖子 - 目前我有一些类似的内容:

页面内容包含 HTML,使用 truncatewords 可能会导致在输出中插入无效的 HTML。我不想从内容中删除所有 HTML(嵌入的视频和图像应该是可见的),理想情况下我想要的只是添加适当的结束标签。

我可以看到仅仅截断不会达到我的预期结果,所以我的问题是:如何截断我的 HTML 以便使用 Liquid 输出有效标记?

更新

一个非常具体的问题是我有一个使用颜料标记的代码示例。现在,如果截断发生在代码示例的中间,它会留下几个标签,从而弄乱页面的其余部分。我正在寻找一种在不删除所有代码示例的情况下截断这些帖子的方法 - 只是为了截断和关闭内容正文中的所有打开标签。

0 投票
3 回答
3489 浏览

ruby - Jekyll 存档页面中的嵌套液体循环不起作用。在内部条件中使用外部循环变量

我正在使用 jekyll 静态站点构建器,但在执行以下操作时遇到了困难:

我的 jekyll 网站中有一个名为“test”的帖子类别,我可以使用以下内容显示其中的帖子:

但是,我想自动构建一个存档页面,为了做到这一点,我需要从外部循环(访问所有类别的循环)嵌入类别,并在内部循环中使用它来访问来自该循环的帖子具体类别。我需要做什么才能让第一个片段按我想要的方式工作?

编辑:或者,还有其他方法可以获得我想要的结果吗?

0 投票
2 回答
1375 浏览

css - 内部有div溢出的css液体布局

我在使用 div 元素设计布局 css 时遇到问题。

基本上我的主页布局设计如下图所示:

在此处输入图像描述

红框是浏览器屏幕区域。黑框是数据将包含/或通过 ajax 加载的内容区域。绿色框是响应结果的数据列表,里面大约有一百行。数据列表包含标题 div 和行 div。

我打算做的是在蓝色区域设置溢出,这是数据行,所以滚动条将出现在蓝色框的右侧,而不是红色或黑色框的右侧。然后当浏览器区域(红色)调整大小时,里面的所有 div 也会调整到最佳大小。

当内部数据通过 set css overflow: auto /scroll for blue box div 溢出时,我设法使滚动条出现在蓝色框上。但问题是溢出:自动属性似乎只在我为蓝色框 div 设置一定高度时才起作用,比如说 400px。当我调整浏览器的大小时,蓝色框 div 保持在 400px 的高度。

如何让它自动调整大小?提前感谢您的帮助。

0 投票
1 回答
4060 浏览

ruby - 液体模板贴图过滤器

在 Liquid 中究竟如何使用地图过滤器?我在 Jekyll 中使用它。

这就是我迷路的地方。我似乎无法在文档或其他任何在线的地方找到它使用的任何例子。

顺便说一句,我还不了解 Ruby,所以我也不清楚源代码

过滤器测试看来,下面应该会产生一些东西,但是在 GitHub 上,我什么也没得到:

我希望我应该得到类似的东西: