如何使用css设计草稿-/映像？

Question

我正在使用@draft-js-plugins/image在我的react应用程序中显示图像。它正在工作，但我似乎无法理解如何样式插件，以便风格，我的图像显示。我阅读了这些文件，并读到：

插件附带的默认样式可在此位置安装的包: node_modules/@draft-js-plugins/image/lib/plugin.css

当我检查这个位置时，plugin.css是空的。如何将样式应用于插件显示的图像？我的照片覆盖了整页。

Answer 1

您可以将组件样式表上的draft.js编辑器中的图像作为目标。下面是一个使用scss的屏幕截图示例：

屏幕截图:使用scss瞄准draft.js编辑器

​

​

这是代码块

​

.DraftEditor-root {
  figure {
      margin-block-start: .5em;
      margin-block-end: .5em;
      margin-inline-start: 0;
      margin-inline-end: 0;
  }
img {
    width: 100%;
    // height: 200px;
    object-fit: cover;
}

}

​