Empty HTMl elements are not exported

Hello,

I imported html file which as an empty span element (which gets populated thorough javascript thats why its empty), however when i export the file the empty span is missing, any idea what is wrong? 

The span element is on Line 6 in english file 

Original English file

<div>
    <div ng-repeat="option in question.options">
        <label class="radio-inline">
            <input type="radio" ng-model="answer.value" ng-value="{{$index}}" name="{{question.key}}"  
                ng-disabled="ngDisabledFn()" ng-change="updateAnswer()"/>
            <span ng-bind="option.title"></span>
        </label>
    </div>
    
    <div class="pt-2" ng-if="hasAdditionalInformation && binding.value == hasAdditionalInformation.value">
        <div class="km-control-group" name="question{{question.number}}_additionalInformation" caption="Please specify">
            <div km-textbox-ml rows="2" name="{{question.key}}_additionalInformation" ng-model="answer.additionalInformation" locales="locales" 
                ng-change="updateAnswer()"></div>
        </div>
    </div>

</div>

Exported Russian file

<div>
    <div ng-repeat="option in question.options">
        <label class="radio-inline">
            <input type="radio" ng-model="answer.value" ng-value="{{$index}}" name="{{question.key}}"  
                ng-disabled="ngDisabledFn()" ng-change="updateAnswer()"/></label>
    </div>
    
    <div class="pt-2" ng-if="hasAdditionalInformation && binding.value == hasAdditionalInformation.value">
        <div class="km-control-group" name="question{{question.number}}_additionalInformation" caption="">
            <div km-textbox-ml rows="2" name="{{question.key}}_additionalInformation" ng-model="answer.additionalInformation" locales="locales" 
                ng-change="updateAnswer()"></div>
        </div>
    </div>

</div>



the span is on Line 6 in english file
[edited by: Teresa Mazza at 8:33 PM (GMT 1) on 13 Jun 2022]
emoji
Parents
  • Perhaps a bug in an older version?  I have no idea. What version of Trados Studio are you using? I tested with 2022 just now using this source file:

    <!DOCTYPE html>
    <html>
    <body>
    <p>Some opening text for the sake  not getting an empty file</p>
    <div>
        <div ng-repeat="option in question.options">
            <label class="radio-inline">
                <input type="radio" ng-model="answer.value" ng-value="{{$index}}" name="{{question.key}}"  
                    ng-disabled="ngDisabledFn()" ng-change="updateAnswer()"/>
                <span ng-bind="option.title"></span>
            </label>
        </div>
        
        <div class="pt-2" ng-if="hasAdditionalInformation && binding.value == hasAdditionalInformation.value">
            <div class="km-control-group" name="question{{question.number}}_additionalInformation" caption="Please specify">
                <div km-textbox-ml rows="2" name="{{question.key}}_additionalInformation" ng-model="answer.additionalInformation" locales="locales" 
                    ng-change="updateAnswer()"></div>
            </div>
        </div>
    
    </div>
    <p>Some closing text so you know it’s finished</p>
    </body>
    </html>

    My target looks like this:

    <!DOCTYPE html>
    <html>
    <meta charset="utf-8">
    <body>
    <p>Некоторые открывающиеся тексты не получают пустой файл</p>
    <div>
        <div ng-repeat="option in question.options">
            <label class="radio-inline">
                <input type="radio" ng-model="answer.value" ng-value="{{$index}}" name="{{question.key}}"  
                    ng-disabled="ngDisabledFn()" ng-change="updateAnswer()"/><span ng-bind="option.title"></span></label>
        </div>
        
        <div class="pt-2" ng-if="hasAdditionalInformation && binding.value == hasAdditionalInformation.value">
            <div class="km-control-group" name="question{{question.number}}_additionalInformation" caption="Please specify">
                <div km-textbox-ml rows="2" name="{{question.key}}_additionalInformation" ng-model="answer.additionalInformation" locales="locales" 
                    ng-change="updateAnswer()"></div>
            </div>
        </div>
    
    </div>
    <p>Текст, закрывающий текст, чтобы вы знали, что он завершен</p>
    </body>
    </html>

    A few small differences but the span element is there as you can see.

    Paul Filkin | RWS

    Design your own training!
    You've done the courses and still need to go a little further, or still not clear? 
    Tell us what you need in our Community Solutions Hub

    emoji
Reply
  • Perhaps a bug in an older version?  I have no idea. What version of Trados Studio are you using? I tested with 2022 just now using this source file:

    <!DOCTYPE html>
    <html>
    <body>
    <p>Some opening text for the sake  not getting an empty file</p>
    <div>
        <div ng-repeat="option in question.options">
            <label class="radio-inline">
                <input type="radio" ng-model="answer.value" ng-value="{{$index}}" name="{{question.key}}"  
                    ng-disabled="ngDisabledFn()" ng-change="updateAnswer()"/>
                <span ng-bind="option.title"></span>
            </label>
        </div>
        
        <div class="pt-2" ng-if="hasAdditionalInformation && binding.value == hasAdditionalInformation.value">
            <div class="km-control-group" name="question{{question.number}}_additionalInformation" caption="Please specify">
                <div km-textbox-ml rows="2" name="{{question.key}}_additionalInformation" ng-model="answer.additionalInformation" locales="locales" 
                    ng-change="updateAnswer()"></div>
            </div>
        </div>
    
    </div>
    <p>Some closing text so you know it’s finished</p>
    </body>
    </html>

    My target looks like this:

    <!DOCTYPE html>
    <html>
    <meta charset="utf-8">
    <body>
    <p>Некоторые открывающиеся тексты не получают пустой файл</p>
    <div>
        <div ng-repeat="option in question.options">
            <label class="radio-inline">
                <input type="radio" ng-model="answer.value" ng-value="{{$index}}" name="{{question.key}}"  
                    ng-disabled="ngDisabledFn()" ng-change="updateAnswer()"/><span ng-bind="option.title"></span></label>
        </div>
        
        <div class="pt-2" ng-if="hasAdditionalInformation && binding.value == hasAdditionalInformation.value">
            <div class="km-control-group" name="question{{question.number}}_additionalInformation" caption="Please specify">
                <div km-textbox-ml rows="2" name="{{question.key}}_additionalInformation" ng-model="answer.additionalInformation" locales="locales" 
                    ng-change="updateAnswer()"></div>
            </div>
        </div>
    
    </div>
    <p>Текст, закрывающий текст, чтобы вы знали, что он завершен</p>
    </body>
    </html>

    A few small differences but the span element is there as you can see.

    Paul Filkin | RWS

    Design your own training!
    You've done the courses and still need to go a little further, or still not clear? 
    Tell us what you need in our Community Solutions Hub

    emoji
Children