README

扩展 silverstripe-responsive-images 以允许在WYSIWYG编辑器中使用响应式图片。当用户选择要插入的图片时，他们可以选择响应式大小或标准大小。如果他们选择响应式，他们可以选择要使用的响应式集，这些集在您的yml配置中定义。如果他们选择标准大小调整，他们将获得正常的宽度 x 高度字段。

##要求

SilverStripe 3
SilverStripe响应式图片模块

##安装

$ composer require sheadawson/silverstripe-responsive-wysiwyg-images dev-master

##用法

按照常规方式在yml配置中定义您的响应式图片集。您希望在WYSIWYG图片插入表单中可用的集应指定一个额外的“wysiwyg”属性和“description”属性以进行选择。

示例

ResponsiveImageExtension:
  sets:
    ResponsiveSet1:
      wysiwyg: true
      description: "ResponsiveSet1, used for X and Y"
      sizes:
        - {query: "(min-width: 200px)", size: 100}
        - {query: "(min-width: 800px)", size: 400}
        - {query: "(min-width: 1200px)", size: 800}

##附加配置

您可以将图片插入表单设置为默认为“标准”图像大小调整（用户设置宽度和高度）或“响应式”。默认为“响应式”。

ResponsiveImageHtmlEditorField_Toolbar:
  default_resize_method: 'Standard'
`

sheadawson / silverstripe-responsive-wysiwyg-images

维护者

详细信息

README