<div class="editor" ng-show="vm.editable">
    <textarea ng-model="vm.embedCode" class="editor--embed"></textarea>
    <a class="btn btn--small" ng-click="vm.cancel(); vm.toggleEdition()" translate>Cancel</a>
    <a class="btn btn--small" ng-click="vm.saveEmbedCode(); vm.toggleEdition()" translate>Save</a>
</div>
<div class="preview" ng-show="!vm.editable">
    <div class="preview--embed"
         ng-click="vm.model.association && vm.isEditable(vm.model.association) && vm.editPicture(vm.model.association)"
         ng-class="{'preview--embed--loading': vm.model.loading}"
         sd-html-preview="vm.model.body">
    </div>
    <!-- TODO: find a new design for that -->
    <!-- <a class="btn btn--small" ng-click="vm.toggleEdition()" translate>Edit the code</a> -->
</div>
<div class="editor--caption">
    <div sd-remove-tags
        placeholder="{{::'Description'|translate}}"
        type="text"
        tansa-scope-sync
        ng-model="vm.caption"
        ng-model-options="{debounce: 1000}"
        ng-change="vm.saveCaption(vm.caption)"
        ng-paste="vm.handlePaste($event)"
        contenteditable="true"
        class="image-caption contenteditable-input">
    </div>
</div>

<div class="editor" ng-show="vm.editable">
    <textarea ng-model="vm.embedCode" class="editor--embed"></textarea>
    <a class="btn btn--small" ng-click="vm.cancel(); vm.toggleEdition()" translate>Cancel</a>
    <a class="btn btn--small" ng-click="vm.saveEmbedCode(); vm.toggleEdition()" translate>Save</a>
</div>
<div class="preview" ng-show="!vm.editable">
    <div class="preview--embed"
         ng-click="vm.model.association && vm.isEditable(vm.model.association) && vm.editPicture(vm.model.association)"
         ng-class="{'preview--embed--loading': vm.model.loading}"
         sd-html-preview="vm.model.body">
    </div>
    <!-- TODO: find a new design for that -->
    <!-- <a class="btn btn--small" ng-click="vm.toggleEdition()" translate>Edit the code</a> -->
</div>
<div class="editor--caption">
    <div sd-remove-tags
        placeholder="{{::'Description'|translate}}"
        type="text"
        ng-model="vm.caption"
        ng-model-options="{debounce: 1000}"
        ng-change="vm.saveCaption(vm.caption)"
        ng-paste="vm.handlePaste($event)"
        contenteditable="true"
        class="image-caption contenteditable-input">
    </div>
</div>

Revert "fix(tansa): Media captions are checked by Tansa but not saved on publishing (SDNTB-356)"
Revert "fix(tansa): Media captions are checked by Tansa but not saved on publishing (SDNTB-356)"

This reverts commit c2c1f4a2e6a823494df19b2bb2be8662cc45f5b6.
