Использование редактора

Серверная верстка и редактор изображений

Редактор изображений не поддерживает работу при серверной верстке. Используйте его только на клиенте.

Упрощенный вариант

Для удобства использования предоставлена упрощенная версия редактора

<!-- Simple.wml -->
 <ImageEditor2.editor:Simple
   cropOptions="{{ratio}}"
   activeTool="{{activeTool}}"
   source="{{source}}"
   attr:style="width: 1800px;height: 900px;max-width: 1800px;max-height: 900px;">
  </ImageEditor2.editor:Simple>

Расширенный вариант

Так же можно добавить в область между панелью редактора и канвасом произвольный контент.

<!-- Extended.wml -->
<ImageEditor2.editor:Editor
   source="{{ _sourceImg }}">
   <ws:content>
      <ImageEditor2.editor:Panel
         isPlugin="{{true}}"
         name="editorPanel"
         userParams="{{ content.userParams }}"
         activeTool="arrow"
         performer="{{ content.canvas }}" />
         <div>         
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur dolor magni neque tenetur vel?
            Dolores est ipsam iure omnis quidem. Enim error exercitationem in laudantium quae temporibus voluptatibus?
        </div>
      <ImageEditor2.editor:Canvas
         userParams="{{ content.userParams }}"
         source="{{ content.source }}" />
   </ws:content>
</ImageEditor2.editor:Editor>