CODEWITHSUNDEEP
javascript
ripper234
ripper234

Reputation: 230008

Simple javascript search-and-replace

I know zero javascript, and have one simple task:

  1. Find all text in the current html of the form [[.+?]]
  2. Extract the content of the brackets
  3. Replace all space characters with underscores
  4. Instead of the entire expression, output <img src="foo.com/$1.jpg"/>, where $1 is the matched text (after spaces have been replaced).
  5. (This should be done for all text inside [[]] in the html)

Can I bother you with a snippet that does this?

Upvotes: 0

Views: 193

Answers (1)

Ateş G&#246;ral
Ateş G&#246;ral

Reputation: 140050

Assuming you already have the HTML source in a variable called html, you can do something like this:

var converted = html.replace(/\[\[(.+?)\]\]/g, function (s, token) {
    return '<img src="foo.com/'
        + token.split(" ").join("_")
        + '.jpg"/>';
});

To get or set the entire HTML inside <body>, you can use document.body.innerHTML. However, I would recommend specifically targeting elements of a certain id or class, if that string pattern doesn't really appear in random places in the page. I would also recommend that you use jQuery for locating these elements and changing their content:

$(".replacable").each(function () {
    this.html(imagize(this.html()));
});

function imagize(html) {
    return html.replace(/\[\[(.+?)\]\]/g, ...);
}

Upvotes: 2

Related Questions