Symfony 通过文章中的表单获取图像

Question

所以我是一名前端开发人员，我被告知要使文章中的图像具有响应性。我们的后端运行在 symfony 2.X 上，遗憾的是，我对此知之甚少……问题在于文章的呈现方式。它看起来像这样：

{{ article.content|raw }}

这意味着，我无法选择如何编辑图像的样式或class。所以我想知道，是否有任何过滤器或函数可以将图像与文本分开并为其分配 class 或样式。我们使用我们自己的内容管理系统，您可以在其中将图像直接粘贴到文本中...

Answer 1

Twig（或 Symfony）中没有这样的功能/过滤器。

您或许可以编写自定义函数/过滤器来实现此目的，但如果您不熟悉 Symfony，这可能会有点挑战。

最快的排序方法可能是以下两种方法之一：

如果内容与 CMS 中的所见即所得相关联，您可以在所见即所得编辑器的源视图中编辑 html。
如果这不可能，您可以跳转到数据库并在那里编辑内容 html。

Answer 2

所以我设法制作了一个 javascript，它只找到所有图像并将 class 应用到它们以使它们响应。这是代码：

$(document).ready(function(){
          for(var i=3; i < document.getElementsByTagName("IMG").length; i++){
            var image= document.getElementsByTagName("IMG")[i]
            if(image.classList.contains("img-responsive")){

            }
            else{
              image.classList.add("image-article");
            }
          }});

循环从第四个元素开始，因为前三个img标签只是CMS粘贴的一些伪代码。它还会检查是否有任何图像具有 img-responsive class 以防止损坏 css.

Symfony 通过文章中的表单获取图像

Symfony get image passed through form inside article

article

text

image

filter

symfony