leptos-obfuscate

这是一个易于使用的邮箱地址混淆组件，用于防止机器人和垃圾邮件。

请将以下内容添加到您的 CSS 样式表中

span.obfuscate {
    unicode-bidi: bidi-override;
    direction: rtl;
    cursor: pointer;
}

span.obfuscate > i {
    display: none;
}

span.obfuscate > span::after {
    content: '@';
}

组件接受一个可选的蜜罐邮箱地址/链接，如果您想要进行复杂的配置并阻止向该邮箱发送邮件的任何发送者。

可以设置 delay_seconds。在此超时后，当在浏览器内部挂载时，蜜罐地址将被替换为真实地址。这意味着链接只能用 HTML 不可用，但如果没有 JavaScript/WASM，没有好的方法来防止机器人。

然后只需像这样使用它

let (email, _) = create_signal("[email protected]".to_string());
view! { <ObfuscateEmail email /> }

恐慌

如果给定的字符串不包含 '@'

Leptos 兼容性

Leptos v0.7

leptos-obfuscate v0.3+

Leptos v0.6

leptos-obfuscate v0.2

Leptos v0.5

leptos-obfuscate v0.1