如何阻止图片链接继续链接来自短代码的相邻文本?

时间:2017-09-28 作者:Adam Costanza

我想保留一个仅指向图像的图像链接,但它会继续指向相邻的文本。我有一个图像,我附加了一个链接并将其制作成一个快捷码:

function data_integrity(){
return \'<a target="_blank" href="https://openforestry.org/validity-integrity"> <img style="float: right; margin: 0px 10px 10px 10px;" src="https://openforestry.org/wp-content/uploads/2017/08/data_integrity.png" </a>\';
}
add_shortcode(\'shield\', \'data_integrity\');
我通过短代码[屏蔽]将其添加到帖子中。然而,在该短代码之后的任何文本也会链接到与图像相同的页面。如何在短代码或帖子内容中强制结束链接?下面是一个示例,其中摘要标题下的文本也有链接,但我不希望这样。Sample of run-on link from image

我曾尝试将短代码包装在div中,但没有任何效果-链接会继续出现在相邻的文本中。

帖子内容当前为:

[shield] Michele Garfinkel of the European Molecular Biology Organization...
我想保持图像和文本对齐的布局,但要断开HTML链接,使文本只是纯文本。

1 个回复
SO网友:pressword

您也忘记了图像标签。。。

return \'<a target="_blank" href="https://openforestry.org/validity-integrity"> <img style="float: right; margin: 0px 10px 10px 10px;" src="https://openforestry.org/wp-content/uploads/2017/08/data_integrity.png"> </a>\';

结束

相关推荐

Sanitize AROUND shortcode

我有一个Wordpress plugin 它允许用户标记项目符号列表,然后在其周围添加一个短代码。不幸的是,当用户选择项目符号列表时,第一个UL没有被选择,因此他们最终会做出一个奇怪的选择。结束代码应为:[checklist-box title=\"Hello\"] <ul> <li>xxxx</li> <li>yyyy</li> <li>zzz</li> &