Предопределенный текст не загружается

Question

Я пытаюсь предоставить пользователю возможность редактировать предварительно загруженный текст , как показано ниже:

Я дал возможность добавить Новый текст пользователю, используя указанный ниже код, но Предварительно загруженный текст не отображается [KAYLE JACKSON] в моем случае

Html

<div entity_id="52912" style="left: 97.5px; top: 26.9915px; ">
    <textarea style="font-family: open_sans_condensedbold;">
    </textarea>
</div>

Сценарий

var cardConfig = "fields":[{"id":52912,"text":"K A Y L E E   J A C K S O N","align":"center","font":"open_sans_condensedbold","color":"ffffff","rotation":0.0000000000,"size":22.6100000000,"x":92.2500000000,"y":28.9400000000}];

if (editorMode == "cards" || editorMode == "ecards") {
    $('#overlay_front_card').show().append($('<img>').attr('src', cardConfig.thumbnail));
}
if (cardConfig.pages !== null) {
    //CARD ORIGINAL DESIGN
    for (card_idx = 0; card_idx < cardConfig.pages.length; card_idx++) {
        var textFields = cardConfig.pages[card_idx].fields;
        $(textFields).each(function () {
            if ($.inArray(this.font, fontNames) < 0) {
                fontNames.push(getFontName(this.font));
            }
        });
    }
}