            </t>
            <t t-else="">
                <t t-component="this.Wysiwyg" t-props="{
                    'options': this.wysiwygOptions,
                    'startWysiwyg': this.startWysiwyg.bind(this),
                    'editingValue': this.currentEditingValue,
                }" />
            </t>
            <t t-if="isTranslatable">
                <span t-attf-style="font-size: 15px; position: absolute; right: {{this.props.codeview ? '40px' : '5px'}}; top: 5px;">
                    <TranslationButton
                        fieldName="props.name"
                        record="props.record"
                    />
                </span>
            </t>
        </div>
        <div t-if="state.showCodeView || (sandboxedPreview and !props.readonly and !props.notEditable)" t-ref="codeViewButton" id="codeview-btn-group" class="btn-group" t-on-click="toggleCodeView">
            <button class="o_codeview_btn btn btn-primary">
                <i class="fa fa-code" />
            </button>
        </div>
    </t>

</templates>