bellevue7k/span-classes

为 Bard 添加自定义按钮,允许将带有类的 span 添加到选定的文本中。

安装: 23

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 1

分支: 2

语言:JavaScript

类型:statamic-addon

1.0 2021-05-27 06:05 UTC

This package is auto-updated.

Last update: 2024-09-28 20:30:35 UTC


README

Statamic 3.0+

这是一个 Bard 的 Statamic 3 插件示例,它可以将带有类的 span 添加到选定的内容中。

安装

通过 composer 命令安装它

composer require bellevue7k/span-classes

在你的 Bard 编辑器实例中(注意,不是 配置视图),你会看到新按钮的添加。

选择一些文本,点击新图标,然后选择一个类类型,就这样!

输出

输出时,标记将是带有类的 span。

<p>This is my text with <span class="whiteSpace-noWrap">whiteSpace-noWrap</span> highlighted using the addon.</p>

前端使用

你需要在你的前端样式表中添加类,才能在前端看到它们。

例如,一个完成的类可能是 whiteSpace-noWrap

然后你的前端 CSS 可以针对该特定类。

.whiteSpace-noWrap {
    hyphens:none;
        
    /* more class types */
}

许可

此插件采用 MIT 许可证。