24hoursmedia-craftcms/twig-works-image

为CraftCMS 3提供的Twig图像转换

维护者

详细信息

github.com/24hoursmedia-craftcms/twig-works-image

源代码

问题

文档

安装: 7

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 2

类型：craft-plugin

1.0.0 2018-03-22 20:59 UTC

Requires

proprietary 27a0d64cdaa4959070604e537f9cc1afcdb1482d

cmsCraftcraftcmscraft-plugintwigworksimage

This package is auto-updated.

Last update: 2024-09-05 01:47:56 UTC

README

为了此插件额外的功能，一旦Craft 3 GA发布，我们将收取少量费用。

一个用于在html块的图像标签上应用转换的twig扩展。适用于从旧系统迁移的内容。

  • 在HTML中实现图像的灯箱效果
  • 从图像中删除样式和其他标签
  • 将类和样式应用到图像上

查看所有可用的twig过滤器

需求

此插件需要Craft CMS 3.0.0-RC1或更高版本。

安装

要安装此插件，请按照以下说明操作。

  1. 打开您的终端并转到您的Craft项目

     cd /path/to/project

  2. 然后告诉Composer加载此插件

     composer require 24hoursmedia-craftcms/twig-works-image

  3. 在控制面板中，转到设置 → 插件，然后点击TwigWorksImage的“安装”按钮。

TwigWorksImage概述

  • 在HTML文档中实现图像的灯箱效果

配置TwigWorksImage

目前没有配置选项。

使用TwigWorksImage

查看所有可用的twig过滤器和示例

在HTML中实现图像的灯箱效果

将data-toggle="lightbox"和最大宽度为100%添加到HTML文档中的图像上。

示例

{% set html = '<p>Image:<img src="...." width="200" style="border:1" /></p>' %}
{{ html | work_images_lightboxify | raw }}

这将

  • 从HTML中的图像删除大部分属性
  • 将图像嵌入指向完整图像的链接中
  • 向图像添加属性data-toggle="lightbox"

(注意您需要添加自己的灯箱脚本，例如在Bootstrap http://ashleydw.github.io/lightbox/)

结果

<p>Image:<img src="...." data-toggle="lightbox" style="max-width: 100%" /></p>

由 24hoursmedia 提供