StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSocial sharing with ember.js
text
Body
copied!<p>I have single page app made with ember.js and I have some problems with implementing social sharing.</p> <p>I need to implement into hbs template something like this:</p> <pre><code><a href="http://someaddres.com?u={{model.url}}&title={{model.title}}">Link</a> </code></pre> <p>However when this is rendered into browser there are additional script tags concatenated within the <code>href</code> string, eventually the link works and I am redirected but instead title I get something like this:</p> <pre><code><script id='metamorph-190-start' type='text/x-placeholder'></script> MyTitle <script id='metamorph-19... </code></pre> <p>Where I need just MyTitle.</p> <p>More specifically I use the following hbs template for facebook sharing, the model is initialized into the router:</p> <pre><code><a href="https://www.facebook.com/login.php?next=http%3A%2F%2Fwww.facebook.com%2Fsharer%2Fsharer.php%3Fs%3D100%26p%255Btitle%255D%3D{{model.title}}%26p%255Burl%255D%3D{{model.url}}%26p%255Bsummary%255D%3D{{model.summary}}%26p%255Bimages%255D%255B0%255D%3D%2540Model.EventImage%2527%253EShare&display=popup" target="_blank"> <img src="http://www.simplesharebuttons.com/images/somacro/facebook_img.png" alt="Facebook" /> </a> </code></pre> <p>I also tried third party libraries, like janrain, ShareThis or AddThis, but with them I had initialization problems, buttons were not shown at all when placed into template, and also had problems with messages customization from the model.</p> <p>Thanks, Igor </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload