javascript匹配替换文本

Question

快速提问，我想将一些 Markdown HTML 内容从双星号转换为粗体。

我得到的错误是：`Uncaught TypeError: Cannot call method 'replace' of null '

这是 jsfiddle：http://jsfiddle.net/fz5ZT/9/

这是 HTML：

<div class="comments">comment 1** is good**</div>
<div class="comments">comment 2**is bad**</div>

这是 JS：

function markdown(markdownable){

  var boldMatch = markdownable.match(/\*\*[A-Za-z0-9]+\*\*/gim), 
  boldReplace = boldMatch.replace(/\*\*[A-z0-9]+\*\*/gim, '<span style="font-  weight:bold;color:blue;">'+boldMatch+'</span>'),                   
  markdownable = markdownable.replace(boldMatch, boldReplace),    
  markdownable = markdownable.replace(/\*\*/gi, "");

  return markdownable;
}

$('.comments').each(function(){  
   var markdownable=$(this).html(), comments=markdown(markdownable);
});

如果您能提供帮助，我将不胜感激，

谢谢， 时间

更新谢谢大家！请参阅此以获得工作演示：http://jsfiddle.net/fz5ZT/30/

Answer 1

markdownable = markdownable.replace( /\*\*(.+?)\*\*/gm, '<strong>$1</strong>' );

但是，与其进行半心半意、善意、注定要失败的重新发明轮子的尝试，为什么不只是use an existing JavaScript Markdown library？

编辑：这是一个更健壮的正则表达式（如 Markdown）要求在“打开”之后或“关闭”之前没有空格：

var bold = /\*\*(\S(.*?\S)?)\*\*/gm;
markdownable = markdownable.replace( bold, '<strong>$1</strong>' );

Answer 2

您的第一个正则表达式匹配忽略了字符串中的空格。您需要在允许的字符集[ a-z0-9] 中添加一个空格；由于i，您不需要A-Z。

另外，match 返回一个数组，因此您需要获取第一个匹配项 boldMatch[0] 才能访问返回的字符串。

Answer 3

也许你可以看看下面的解决方案：

Find text string using jQuery?

我相信你需要做一些非常相似的事情：

  $('*:contains("I am a simple string")').each(function(){
 if($(this).children().length < 1) 
      $(this).html( 
           $(this).text().replace(
                /"I am a simple string"/
                ,'<span containsStringImLookingFor="true">"I am a simple string"   </span>' 
           )  
       ) 
});

要使元素变为粗体，您需要在替换发生后使用 addClass()。

谢谢

Answer 4

function markdown(markdownable) {

    var boldMatch = markdownable.match(/[\*]{2}( .+)?[\*]{2}/gim);
    if (boldMatch && (boldMatch = boldMatch[0])) {
        var boldReplace = boldMatch.replace(/[\*]{2}( .+)+?[\*]{2}/gim, '<span style="font-weight:bold;color:blue;">' + boldMatch + '</span>');
        markdownable = markdownable.replace(boldMatch, boldReplace);
        markdownable = markdownable.replace(/\*\*/gi, "");
    }
    return markdownable;
}

$('.comments').each(function() {

    var markdownable = $(this).html(),
        comments = markdown(markdownable);

    console.log(comments);
});​

到目前为止，这不是最好的解决方案……但它是您尝试的“修复”。希望您能了解您出错的地方。

Answer 5

在您知道其中有一个值可以使用之前，您不想在 boldMatch 上调用 .replace()，也就是说，如果没有匹配项。

更安全的计算：

var boldMatch = markdownable.match(/\*\*[A-Za-z0-9]+\*\*/gim);
if (boldMatch) { 
  var boldReplace = boldMatch.replace(/\*\*[A-z0-9]+\*\*/gim, '<span style="font- weight:bold;color:blue;">'+boldMatch+'</span>');
}

等等

更新：

这行代码也让人很难追踪到底发生了什么：

var markdownable=$(this).html(), comments=markdown(markdownable);

使用 var 在一行上声明两个变量通常是不受欢迎的。更好：

var markdownable=$(this).html();
if (markdownable) {
    comments=markdown(markdownable);
}