字符串替换为另一个字符串jquery / javascript

Question

我有获取在iframe中生成的html并替换为自定义标签的函数。例如。 <b></b>标记替换为[b][/b] 。 同样，当我按下Tab键时，会生成<span class="Apple-tab-span" style="white-space:pre"></span> ，我该如何用[tab][/tab]自定义标记替换它？。请找到替换粗体标签的脚本，我尝试替换整个span标签，但是没有用。

脚本：

function htmltoBBcode() {

var html = $("#textEditor").contents().find("body").html();
  html = html.replace(/\</gi, '[');
  html = html.replace(/\>/gi, ']');

  $("#custom-tag").text(html);


}

任何帮助，不胜感激。 的jsfiddle：

Answer 1

您可以这样做：

function htmltoBBcode() {
    var html = $("#textEditor").contents().find("body").html();
    html = html.replace(/\<span.*?\>/gi, '[tab]');
    html = html.replace(/\<\/span\>/gi, '[/tab]');
    html = html.replace(/\</gi, '[');
    html = html.replace(/\>/gi, ']');

    $("#custom-tag").text(html);
}

小提琴

Answer 2

很容易！

 $('p').click(function(){ var t = $(this).prop('outerHTML').replace(/</g, '[').replace(/>/g, ']'); $('#custom-tag').text(t); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>Click me!</p> <div id="custom-tag"></div> 

Answer 3

从body标签检索文本会将其编码为html，我认为您可以将其保存在临时文本区域中的任何位置以对其进行解码，而不是在输出中进行替换，如下所示：

function decodeEntities(encodedString) {
    var textArea = document.createElement('textarea');
    textArea.innerHTML = encodedString;
    return textArea.value;
}

要替换span标签，请像下面这样替换regex ：

html.replace(/<span>(.+)<\/span>/, '[tab]$1[/tab]');

查看更新的小提琴

希望对您有所帮助！ :)