README

类似于 Lettering.js，但在 Twig 中使用

要求

此插件需要 Craft CMS 3.0.0-beta.23 或更高版本。

安装

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

打开您的终端并转到您的 Craft 项目
```
 cd /path/to/project
```
然后告诉 Composer 加载插件
```
 composer require mmikkel/lettering
```
在控制面板中，转到设置 → 插件，并为 Lettering 点击“安装”按钮。

Lettering 概述

Lettering 是为 Craft CMS 定制的 Lettering.js。

寻找 Craft 2 版本？它就在这里！

使用 Lettering

按字符分割

{% set text %}
    <p>Foo bar</p>
{% endset %}

{{ text|lettering }}

输出

<p aria-label="Foo bar">
    <span class="char1" aria-hidden="true">F</span>
    <span class="char2" aria-hidden="true">o</span>
    <span class="char3" aria-hidden="true">o</span>
    <span class="char4" aria-hidden="true"> </span>
    <span class="char5" aria-hidden="true">b</span>
    <span class="char6" aria-hidden="true">a</span>
    <span class="char7" aria-hidden="true">r</span>
</p>

按单词分割

{% set text %}
    <p>Foo bar baz</p>
{% endset %}

{{ text|lettering('words') }}

输出

<p aria-label="Foo bar">
    <span class="word1" aria-hidden="true">Foo</span>
    <span class="word2" aria-hidden="true">bar</span>
    <span class="word3" aria-hidden="true">baz</span>
</p>

按行分割

{% set text %}
    <p>Foo
        bar baz</p>
{% endset %}

{{ text|lettering('lines') }}

输出

<p aria-label="Foo bar baz">
    <span class="line1" aria-hidden="true">Foo bar</span>
    <span class="line2" aria-hidden="true">baz</span>
</p>

标签对使用

{% filter lettering('words') %}  
    <h1>{{ entry.title }}</h1>  
{% endfilter %}

提取 aria 标签和字符/单词/行

{% set lettering = craft.lettering.chars('Sanctimonious Variable Lettering') %}  

<h1 {{ lettering.ariaLabel }}>{{ lettering.chars }}</h1>

免责声明

此插件免费提供，您可以用它来做任何您想做的事情。Lettering 不太可能弄乱您的物品，但为了明确起见：作者不对数据丢失或使用此插件导致的任何其他问题负责。

请在此处报告任何错误、功能请求或其他问题此处。请注意，这是一个业余项目，不保证响应时间、功能实现或错误修复。

非常欢迎 Pull requests

由 Fred Carlsen + Mats Mikkel Rummelhoff 提供

插件图标：由 Lluisa Iborra 设计的 L 形状，来自 the Noun Project

mmikkel / lettering

维护者

详细信息