Ruby on rails 删除或更改Trix编辑器上载图像的宽度和高度属性

因此，我将Basecamp的Trix编辑器用于RubyonRails项目

我试图做的是使上传/附加的图像适合其父图像的宽度

Trix会自动将图像的高度和宽度嵌入元素本身

---

我能阻止trix这样做吗？

要调整附加图像的高度和宽度，只需将trix内容类添加到trix编辑器标记中即可。然后还要确保将该类包含到result div中。从那里，您可以像往常一样从应用程序样式表中调整trix内容类

另一种方法是复制trix stylesheets文件夹，并在content.scss中使用.attachment和img标记

下面是我的照片：

img {
  max-width: 500px;
  height: auto;
}

.attachment {
   display: inline-block;
   position: relative;
   max-width: 50%;
   margin: 0;
   padding: 0;
}

---

阅读格式化内容的样式化

如果您提供了代码，我可以给您一个准确的答案。但您可以使用CSS将元素作为目标，然后设置渲染维度：

.col-sm-10 a {
  text-align: center;
  img {
    width: 600px;
    height: 400px;
    display: block; #ensures the caption renders on the next line     
    }

其中

.col-sm-10

是包含

标记的类，该标记反过来又包含

标记。当然，

类

将根据HTML的不同而有所不同

在浏览器上使用检查确定关系

祝你好运

---

更新：

更好的方法是像这样瞄准图像：

#post-show-body a {
  text-align: center;
  img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }
}