盐腌鲭鱼/盐腌收割者

该软件包已被废弃且不再维护。未建议替代软件包。

盐腌鲭鱼的图像裁剪字段

安装次数1,771

依赖项: 0

建议者: 0

安全: 0

星标: 2

关注者: 1

分支: 4

开放问题: 4

语言:JavaScript

类型:silverstripe-module

2.0.8 2018-06-25 23:26 UTC

README

盐腌鲭鱼的裁剪字段用于SilverStripe。这是为了避免在使用silverstripe-cropperfield时,FileSync任务会断开所有裁剪图像的致命问题。如果您已安装了silverstripe-cropperfield模块,请将其删除,否则将导致有趣的冲突。

2.0.0

因为在1.x版本中,裁剪直接在图像上发生,这使得它们不能被“重复使用”,现在2.0.0通过重新设计裁剪工具的工作方式来解决此问题。

请注意:SaltedUploader 将很快被淘汰。请将所有 SaltedUploader 的出现替换为 CroppableImageField!!

使用方法

  1. 下载到SilverStripe的根目录
git clone git@github.com:salted-herring/salted-cropper.git

composer require salted-herring/salted-cropper
  1. 制作它
sake dev/build
  1. 刷新前端和后端的缓存

  2. 示例代码

    protected static $has_one = array(
        'Photo'     =>  'SaltedCroppableImage'
    );
    
    
    public function getCMSFields()
    {
        $fields = parent::getCMSFields();
        ...
        // adding a free cropper
        $fields->addFieldToTab(TAB_NAME, CroppableImageField::create('PhotoID', A_TITLE_TO_THE_FILED);
    
        // adding cropper with ratio
        $fields->addFieldToTab(TAB_NAME, CroppableImageField::create('PhotoID', A_TITLE_TO_THE_FILED)->setCropperRatio(16/9));
        ...
        return $fields;        
    }
  3. 添加图像 > 上传/选择 > 保存 > 编辑 > 进行裁剪

  4. 输出

    $Photo
    $Photo.Cropped
    $Photo.Cropped.SetWidth(100)

1.x

本文档适用于1.0及以上版本。如果您正在使用1.0-版本,请勿使用此文档。

使用方法(目前为内部使用)

  1. 下载到SilverStripe的根目录
git clone git@github.com:salted-herring/salted-cropper.git

composer require salted-herring/salted-cropper
  1. 制作它
sake dev/build
  1. 刷新前端和后端的缓存

  2. 示例代码

    protected static $has_one = array(
        'Photo'     =>  'Image'
    );
    
    
    public function getCMSFields() {
        $fields = parent::getCMSFields();
        ...
        // adding a free cropper
        $fields->addFieldToTab(TAB_NAME, SaltedUploader::create('Photo', A_TITLE_TO_THE_FILED);
    
        // adding cropper with ratio
        $fields->addFieldToTab(TAB_NAME, SaltedUploader::create('Photo', A_TITLE_TO_THE_FILED)->setCropperRatio(16/9));
        ...
        return $fields;        
    }
  3. 上传图像,然后单击编辑按钮 - 在下拉区域,您将看到裁剪区域。进行裁剪后保存图像(注意:如果您在保存页面/数据对象之前不保存图像编辑,则它不会生效)

  4. 输出

    $Photo
    $Photo.Cropped
    $Photo.Cropped.SetWidth(100)