正则表达式匹配句子结尾标点而不删除分隔符并加入<p>标签</p>

Question

I need to match all sentence ending punctuation in text file getting passed through to an html page by ajax in json format while keeping the delimiter and joining a <p> tag to each sentence.

Current code as follows:

var xhr = new XMLHttpRequest();

xhr.onload = function() {
  if(xhr.status === 200) {
    responseObject = JSON.parse(xhr.responseText);

    var newContent = '';

    // text file html encasing
    newContent += '<p>' + responseObject.content + '</p>';

    // regex
    matchedPunctuation = newContent.match(/.*?[?!.]/g);

    // add element
    document.getElementById('myptag').innerHTML = matchedPunctuation.join('<p>');


  }
};

xhr.open('GET', 'http://127.0.0.1:5000/jsonstory', true);
xhr.send(null);

This fails me when I have a sentence as follows:

Short text file EXAMPLE....... It is a nice day outsite. Dave said, "Yes it is."

The code above would add <p> tags to the first sentence correctly, which would be directly after the period but before the start of the next sentence.

The second sentence adds them between the period and quotation .<p></p> "<p></p> which puts the quotation in a separate line from the sentence it should stay with on my html file. Any ideas or solutions would be appreciated.Thanks.

Answer 1

Try this regex .*?[?.?]"? The "? makes it an optional requirement if the double quote is there or not. If it is, it uses it first for the match, if not, it just carries on.

Hopefully, this helps.

var xhr = new XMLHttpRequest();

xhr.onload = function() {
  if(xhr.status === 200) {
    responseObject = JSON.parse(xhr.responseText);

    var newContent = '';

    // text file html encasing
    newContent += '<p>' + responseObject.content + '</p>';

    // regex
    matchedPunctuation = newContent.match(/.*?[?!.]"?/g);

    // add element
    document.getElementById('myptag').innerHTML = matchedPunctuation.join('<p>');


  }
};

xhr.open('GET', 'http://127.0.0.1:5000/jsonstory', true);
xhr.send(null);