bellevue7k / span-classes
为 Bard 添加自定义按钮,允许将带有类的 span 添加到选定的文本中。
1.0
2021-05-27 06:05 UTC
Requires
- statamic/cms: ^3.0
This package is auto-updated.
Last update: 2024-09-28 20:30:35 UTC
README
这是一个 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 许可证。