如何从内容中隐藏/模糊 email 地址和电话号码？

Question

I'm recently working on WP Project, where we need to blur the email address and phone number from content for all the logout users, and when they log in they can see the email address and phone number. I'm looking for its solution from hours but didn't able to find any.

Experts help required , I'm not sure if it can be done by JS or PHP?

Answer 1

You shouldn't blur the emails after you've already sent them, as anybody can just disable a css effect and view the email. What you should do is replace all the emails with a fake email placeholder such as example@example.com and then add a filter: blur(3px); on that elements CSS. This will blur the email and prevent anybody from viewing the email by disabling the CSS.

Since you didn't provide any PHP, I might recommend that you do a simple conditional such as:

if($isLoggedIn) {
   $email = $actualEmail;
   echo $email;
} else {
   $email = 'example@example.com';
   echo '<p class="hidden-email">'.$email.'</p>';
}

CSS:

.hidden-email {
    filter: blur(3px);
}