How do I embed a Facebook post in a DU post?
I have Windows 7 OS. The Facebook embed function is new. I tried and all I got was a post with a very long url code.
Is DU set up to allow Facebook post embedding?
Thanks for any help or advice.
I want to embed posts from my local Bernie Sanders group in my posts in the DU Bernie Sanders group.
= new reply since forum marked as read
<div id="fb-root"></div><script>
function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs);
document, 'script', 'facebook-jssdk'));</script><div class="fb-post" data-href="https://www.facebook.com/Athens4Bernie2016/posts/518526904962123" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/Athens4Bernie2016/posts/518526904962123"><p>The "New Fowlerville ALLSTARS" enjoying some post game euphoria. Thank you Misha and Kevin Turner Photography for archiving the event. The response was so positive, and so appreciated.</p>Posted by <a href="https://www.facebook.com/Athens4Bernie2016">Athens for Bernie Sanders</a> on <a href="https://www.facebook.com/Athens4Bernie2016/posts/518526904962123">Sunday, July 19, 2015</a></blockquote></div></div>
OK. I need some more help. I don't see any < and > and I do not know what anchor tags are. I know nothing about html and web design. However, I am a willing student!
I made a quick html page with javascript to do the conversion - just paste in the code from Facebook in the top text area and hit the convert button, then copy the result from the bottom text area into your post on DU.
Open up Notepad.exe and paste in the text from the excerpt below, then when you save the file choose All Files (*.*) in the Save as type dropdown and call it something like FacebookCodeConvert.html (you can name it whatever you like, just make sure it ends with .html). When you double-click the saved file icon, it should open up in your default browser (or right-click and select a different browser). Depending on the browser you use, you might have to agree to allow javascript from a local file - or perhaps even change security options.
[div class="excerpt" style="margin-left:1em; border:1px solid #bfbfbf; border-radius:0.4615em; box-shadow:-1px -1px 3px #bfbfbf inset;"]<html>
<head>
<meta charset="UTF-8">
<title>DU3 code generator for FaceBook post embedding</title>
<script>
function fnConvert () {
fb0 = document.getElementById("fb_code"
.value;
fb1 = fb0.split("\x3C/script\x3E" ;
fb2 = fb1[(fb1.length - 1)];
fb3 = fb2.replace(/</g, "[" ;
fb4 = fb3.replace(/>/g, "]" ;
fb5 = fb4.replace(/\x5B\x2Fa\x5D/g, "]" ;
fb6 = fb5.split("[a href=\x22" ;
fb7 = fb6[0];
for (i=1; i<fb6.length; i++) {
fb6[i] = "[link:" + fb6[i];
tmp = fb6[i].replace("\x22]", "|" ;
fb7 = fb7 + tmp;
}
fb8 = fb7.split("[blockquote " ;
fb9 = fb8[0] + "[blockquote " + fb8[1].replace("\x5D", " style=\x22display:inline-block; padding:0 1em 1em 1em; border-radius:5px; border:1px solid #DDD; box-shadow:0px 1px 3px rgba(0,0,0,0.15);\x22\x5D" ;
document.getElementById("du_code" .value = fb9;
}
</script>
</head>
<body style="background-color:#99CCFF;">
<br>
Enter embed code from FaceBook:
<br>
<textarea id="fb_code" rows="12" cols="120"></textarea>
<br>
<button type="button" onclick="fnConvert()">Convert</button>
<br>
<br>
Converted code to use on DU:
<br>
<textarea readonly id="du_code" rows="12" cols="120"></textarea>
<br>
<button type="button" onclick="document.getElementById('du_code').value='';">Clear</button>
</body>
<html>
There are probably a few more things to consider (e.g. does the embedding work for mobile users and what could/should be done if it doesn't), but I also have actual job related things to do.
Let me know if you have any issues with getting the conversion.html file to work. (Hopefully I caught and fixed any code characters/words DU might filter out of posts.)
-[font style=font-variant:small-caps;"]Make7[/font]
