如何在<p>标记内显示<img/>标记

Question

我正在使用Ionic构建一个应用程序，其中一些代码与某些图像相关联。现在，在我的帖子中，它来自数据库，包含任何这些代码，用相应的图像替换特定代码在<p>标记中。

例如：在我的帖子中找到（＃mountain＃），然后显示与（＃mountain＃）相关联的相应图像而不是代码。

Answer 1

您是否可以在<p>标签中添加CSS类/ ID？

然后，您可以使用您正在使用的关键字为每个帖子添加一个类，然后使用CSS背景图像显示该帖子的正确图像。

因此，如果您向<p class="MyClass">添加一个类，则可以使用CSS在其中定位图像/ div。

您可以更轻松地向图片代码添加课程，因此<p class="MyClass">

然后您可以使用CSS更新图像的src属性，如下所示：

.MyClass{ content:url("http://YOURIMAGE.jpg"); }