title: Predefined Text is not loading
body: <p>I am trying to Provide an option for user to edit the <strong>preloaded text</strong> as below image :  </p>
  
  <p>I gave an option to add the <strong>New text</strong> to user using below code, but <strong>Preloaded text is not displaying</strong> [KAYLE JACKSON] in my case  </p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;div entity_id="52912" style="left: 97.5px; top: 26.9915px; "&gt;
      &lt;textarea style="font-family: open_sans_condensedbold;"&gt;
      &lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>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($('&lt;img&gt;').attr('src', cardConfig.thumbnail));
  }
  if (cardConfig.pages !== null) {
      //CARD ORIGINAL DESIGN
      for (card_idx = 0; card_idx &lt; cardConfig.pages.length; card_idx++) {
          var textFields = cardConfig.pages[card_idx].fields;
          $(textFields).each(function () {
              if ($.inArray(this.font, fontNames) &lt; 0) {
                  fontNames.push(getFontName(this.font));
              }
          });
      }
  }
  </code></pre>