JS Bin Links Now in All Code Snippets

Ralph — Mon, 14 Dec 2009 16:37:43 +0000

I’ve edited the core of the Syntax Highlighter plugin used on this site to highlight code snippets to include JS Bin links on its toolbar (where applicable). If the code snippet can be represented and played with in JS Bin, a link will appear in the toolbar to that code on jsbin.com. If you’re not familiar with JS Bin, it’s definitely worth checking out. It’s a very simple online collaborate HTML/JavaScript editing tool. You can create an HTML page with JavaScript, and then save it to a short URL that you can distribute to your friends, colleagues, blog readers etc. It’s very similar to Google’s AJAX APIs Playground, except you can save and distribute any JavaScript/HTML.

Strip Specific HTML Tags From String

Ralph — Thu, 10 Dec 2009 18:17:35 +0000

In fiddling around with some code highlighters to use for this blog, I found myself needing a way to strip tags from a JavaScript string of HTML, while leaving others. I needed it so I could convert highlighted code to plain text so user’s could copy and paste code snippets without all the HTML garbage. This is what I came up with:

var saveTags = new RegExp('<(?!((\/)?(li|span)))(.)?([a-zA-Z?])[^><]*>', 'gi');

var html = 'Some Text';
var strippedHtml = html.replace(saveTags, '');

alert(html);          // Some Text
alert(strippedHtml);  // Some Text

The regex matches all html tags except li and span. You then simply use the String method ‘replace‘ to replace the matches with an empty string. To edit the tags for the regex, simply change the tags in the expression, making sure to separate them with the bar ‘|’ character.

After figuring out how to strip the specific tags , I didn’t even end up using it because I moved from jQuery Chili 2.2 to SyntaxHighlighter which has a built in source code viewer, but I thought the information was valuable nonetheless.

Ralph Holzmann » HTML

JS Bin Links Now in All Code Snippets

Strip Specific HTML Tags From String