从多行文本区域中提取两个单词

Question

在创建主题页面上，我有一个部分由代码填充的文本区域。 confidential 标签之间的所有内容都由这段代码添加。

There is some text in the message!


[confidential]
{sitedetails}

Site URL: example.com
Site Username: test
Site Password: test

FTP URL: ftp.domain.com
FTP Username: test
FTP Password: test

Optional Information: Just some text for testing purposes!

{/sitedetails}
[/confidential]

在同一页面上运行此代码：

var $editor = $(".markItUpEditor");
var curValue = $editor.val();
var sdCheck = curValue;
var sdAnalyze = /{sitedetails}([\S\s]*?){\/sitedetails}/gm
var newSD = sdCheck.replace(sdAnalyze,"{sitedetails}\n\n" + inputValues + "\n\n{/sitedetails}");
//alert(newSD);
$editor.val(newSD);

这基本上用新的站点详细信息替换了站点详细信息。 inputValues 在此处不可见，但它们包含站点详细信息并且正在运行。

上面的代码也可以很容易地修改，通过更改这一行来删除站点详细信息：

var newSD = sdCheck.replace(sdAnalyze,"{sitedetails}\n\n" + inputValues + "\n\n{/sitedetails}");

到

var newSD = sdCheck.replace(sdAnalyze,"");

但是如何修改代码以保留{sitedetails} 和{/sitedetails} 之间的所有内容。

这应该返回：

Site URL: example.com
Site Username: test
Site Password: test

FTP URL: ftp.domain.com
FTP Username: test
FTP Password: test

Optional Information: Just some text for testing purposes!

如果可能的话，我怎样才能走得更远，只保持在Site URL:和Site Username:之间

这应该返回：

example.com

Answer 1

这样

var re = /{sitedetails}([\S\s]*?){\/sitedetails}/gm,
 urlRe = /Site URL:(.*)\n/
 
var str = $(".editor").val(), newStr = re.exec(str);
newStr = newStr ? newStr[1].trim() : "";
console.log(newStr)

if (newStr) {
  var url = newStr.match(urlRe);
  if (url) url = url[1].trim();
  console.log("URL:",url)
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<textarea class="editor" rows="10">There is some text in the message!


[confidential]
{sitedetails}

Site URL: example.com
Site Username: test
Site Password: test

FTP URL: ftp.domain.com
FTP Username: test
FTP Password: test

Optional Information: Just some text for testing purposes!

{/sitedetails}
[/confidential]</textarea>

Answer 2

好吧，据我所知，我可能是错的，您想提取给定字符串上 Site URL: 和 Site Username: 之间的所有内容，并可能将其存储到变量中，然后您可以从这样串起来：

sdCheck.split(/(Site URL:|Site Username:)/g)[Math.round((sdCheck.split(/(Site URL:|Site Username:)/g).length - 1) / 2)].trim();

这样你就可以得到它。那里做了什么：

1. 使用正则表达式将字符串拆分为数组。这样你总是会得到一个奇数长度的数组。

2. 用 Math.round 和除法选择数组的中间位置。

3. 删除空格的修剪。

此逻辑仅在字符串中只有一个 Site URL: 和 Site Username: 匹配时才有效，但可以针对其他场景进行转换。

片段：

var textarea = document.getElementById('textarea'); 

extract();

function extract() {
  var text = textarea.value;
  document.getElementById('result').innerHTML = text.split(/(Site URL:|Site Username:)/g)[Math.round((text.split(/(Site URL:|Site Username:)/g).length - 1) / 2)].trim();
}

textarea.addEventListener('keyup', function() {
  extract();
});

<textarea id="textarea" style="height: 200px; display: inline-block">
There is some text in the message!


[confidential]
{sitedetails}

Site URL: example.com
Site Username: test
Site Password: test

FTP URL: ftp.domain.com
FTP Username: test
FTP Password: test

Optional Information: Just some text for testing purposes!

{/sitedetails}
[/confidential]
</textarea>

<div id="result" style="display: inline-block; vertical-align: top">

</div>