title: GrapesJs news letter builder integrate component with free marker annotations
body: <p>From <a href="https://github.com/artf/grapesjs-preset-newsletter/issues/42" rel="nofollow noreferrer">Issue i create 10 Days ago</a> i need help in solving ....</p>
  
  <p>Hi</p>
  
  <p><strong>Explanation</strong>
  Am using news-letter-preset its cooool</p>
  
  <p><strong>Problem</strong>
  I have un desired behavior</p>
  
  <p><strong>More Info About The Problem</strong>
  Check below two links and try do export can you tell the difference here is a screen shot :)</p>
  
  <p><a href="https://jsfiddle.net/shareefhiasat/Lup78L17/5/" rel="nofollow noreferrer">with gjs-preset-newsletter plugin https://jsfiddle.net/shareefhiasat/Lup78L17/5/ </a></p>
  
  <p><a href="https://jsfiddle.net/shareefhiasat/4q3kxthj/1/" rel="nofollow noreferrer">with gjs-blocks-basic plugin https://jsfiddle.net/shareefhiasat/4q3kxthj/1/ </a></p>
  
  <p><strong>So What ?</strong>
  Its the same fiddle ; the only difference is the plugin</p>
  
  <p><strong>What is Expected</strong>
  I expect no extra attributes like style to be added to the tag in my content </p>
  
  <p><img src="https://user-images.githubusercontent.com/1712274/40918645-90a7d9aa-680f-11e8-897f-089bd6a237ad.png" alt="image"></p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I could stop the style from appearing but there is extra double quotations now check this
  ( How like this by commenting css , ( i have no idea what is the impact of this so please advise )  )
  <img src="https://user-images.githubusercontent.com/1712274/40963553-95886168-68b1-11e8-867b-fe5f5268f07e.png" alt="image"></p>
  
  <p><strong>Now Another Problem</strong></p>
  
  <p><img src="https://user-images.githubusercontent.com/1712274/40934048-33535662-683c-11e8-8e00-045ef569c844.png" alt="image"></p>
  
  <p>These double quotations is wrong in free marker syntax render in back end .</p>
  
  <p>@artf can you advise thanks</p>
  
  <p>In Short 
  Original code that must stay as is
  <code>&lt;#assign currentDate=. now&gt;&lt;/#assign&gt;</code></p>
  
  <p>Becomes </p>
  
  <p><code>&lt;#assign currentDate="." now=""&gt;</code></p>
  
  <p>And this is wrong , throws exception , not correct syntax !</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>After alot of more tries, i decided to try adding it as component now its ok 
  after i commented this line
  <a href="https://github.com/artf/grapesjs-preset-newsletter/blob/601ad471b29c2ffb08bc07ad9c8ecc0b6064dd21/src/openExportCommand.js#L44" rel="nofollow noreferrer">https://github.com/artf/grapesjs-preset-newsletter/blob/601ad471b29c2ffb08bc07ad9c8ecc0b6064dd21/src/openExportCommand.js#L44</a></p>
  
  <p>And replace with</p>
  
  <p><code>codeViewer.setContent(tmpl);</code></p>
  
  <p>But still there is a problem which is <code>&lt;/#list&gt;</code> dose not appear on screen or source of HTML why.</p>
  
  <p><a href="https://jsfiddle.net/3xhqkc96/12/" rel="nofollow noreferrer">https://jsfiddle.net/3xhqkc96/12/</a></p>
  
  <p><strong>Update</strong>
  I tried here...</p>
  
  <p>The parser 
  here
  <a href="https://github.com/artf/grapesjs/blob/f74791da68b25d1037502a2ad06093da29e25830/src/parser/index.js#L49" rel="nofollow noreferrer">https://github.com/artf/grapesjs/blob/f74791da68b25d1037502a2ad06093da29e25830/src/parser/index.js#L49</a></p>
  
  <p>Discardes my end tags for the free marker like <code>&lt;/#list&gt; &lt;/#assign&gt;</code></p>
  
  <p>I also traced the problem happens here</p>
  
  <p>what is so special in this line !?</p>
  
  <p><img src="https://user-images.githubusercontent.com/1712274/40977170-ddae486e-68d8-11e8-910d-44d9f53d083b.png" alt="image"></p>
  
  <p>I tried in console check here the closing tag just gets <strong>commented!</strong></p>
  
  <p><img src="https://user-images.githubusercontent.com/1712274/40977297-361cba8a-68d9-11e8-8a3e-05fc48f6362f.png" alt="image"></p>
  
  <p><strong>Summary:</strong>
  I still cant get it working</p>