Как заменить строку между двумя указанными символами в JavaScript

Question

Я хочу заменить некоторые коды на элементы. Например:

[emo]sad[emo] or [emo]sad[/emo]

в

<span class='smiley medium' data-emo='" + emo + "'></span>

лайк

<span class='smiley medium' data-emo='sad'></span>

Является ли это возможным?

Answer 1

Как насчет:

var s1 = "[emo]sad[emo]";
var s2 = "[emo]sad[/emo]";

var regex = /^\[(\w+)\](.+)\[\/?(\w+)\]$/; // matches s1 and s2
var replacement = "<span class='smiley medium' data-$1='$2'></span>";
var s1HTML = s1.replace(regex,replacement);
var s2HTML = s2.replace(regex,replacement);

// now append s1HTML and s2HTML to dom

Разбивая рег.

var regex = /
  ^            // start
  \[(\w+)\]    // the first [] block, match inside the []
  (.+)         // match between the [] blocks
  \[\/?(\w+)\] // the second [] block, optional "/", match inside the []
  $            // end
/;

jsbin: https://jsbin.com/nofizosebe/1/edit?js,console