kamalav kamalav - 16 days ago 86
TypeScript Question

How to cut 4 lines of text from a string variable which has html tags in typescript

I am having a string variable with html tags, like below

புதுடெல்லி:<br><br>
இந்தய வணிக வாகன தயாரிப்பு நிறுவனமான ஈச்சர் மோட்டார்ஸ் இந்தியாவில் எலெக்ட்ரிக் பேருந்துகளை அறிமுகம் செய்ய திட்டமிட்டுள்ளது. <br><br>
நகரப்புறங்களுக்கு ஏற்ற எலெக்ட்ரிக் பேருந்தை ஈச்சர் மோட்டார்ஸ் தயாரித்து வருவதாக வி.இ. மோட்டார்ஸ் நிறுவனத்தின் இலகு மற்றும் கனரக வாகன பிரிவு துணை தலைவர் ஷியாம் மல்லர் சமீபத்திய பேட்டியில் தெரிவித்தார். மேலும் புதிய எலெக்ட்ரிக் பேருந்து தயாரிப்பு பணிகளில் உள்ளதாகவும் விரைவில் இதற்கான அறிவிப்பு வெளியாகும் என கூறப்படுகிறது.<br><br>
ஈச்சர் மோட்டார்ஸ் மற்றும் வால்வோ டிரக் நிறுவனங்கள் இணைந்து வி.இ. வணிக வாகனங்கள் துவங்கப்பட்டுள்ளது. இந்த நிறுவனம் தொழில்நுட்பங்களை பகிர்ந்து கொண்டு வாகனங்களை தயாரிக்கும் பணிகளில் ஈடுபடுகின்றன. எலெக்ட்ரிக் வாகனங்களின் திட்டங்களின் படி ஈச்சர் மோட்டார்ஸ் நிறுவனத்திட்ம உள்ளது, வால்வோ உடனான கூட்டணிக்கு நன்றி என மல்லர் தெரிவித்தார்.<br><br><img src="" alt="" width="615" height="350"><br><br>


How can i cut 4 lines of text from this.can anyone help for me

Answer Source

For raw text, you can split based on newline characters. For the specific HTML in your question, you could split based on the tags. This is reasonably fragile, especially if you consider line break tags can be <br> or <br />, for example.

const text = `புதுடெல்லி:<br><br>
இந்தய வணிக வாகன தயாரிப்பு நிறுவனமான ஈச்சர் மோட்டார்ஸ் இந்தியாவில் எலெக்ட்ரிக் பேருந்துகளை அறிமுகம் செய்ய திட்டமிட்டுள்ளது. <br><br>
நகரப்புறங்களுக்கு ஏற்ற எலெக்ட்ரிக் பேருந்தை ஈச்சர் மோட்டார்ஸ் தயாரித்து வருவதாக வி.இ. மோட்டார்ஸ் நிறுவனத்தின் இலகு மற்றும் கனரக வாகன பிரிவு துணை தலைவர் ஷியாம் மல்லர் சமீபத்திய பேட்டியில் தெரிவித்தார். மேலும் புதிய எலெக்ட்ரிக் பேருந்து தயாரிப்பு பணிகளில் உள்ளதாகவும் விரைவில் இதற்கான அறிவிப்பு வெளியாகும் என கூறப்படுகிறது.<br><br>
ஈச்சர் மோட்டார்ஸ் மற்றும் வால்வோ டிரக் நிறுவனங்கள் இணைந்து வி.இ. வணிக வாகனங்கள் துவங்கப்பட்டுள்ளது. இந்த நிறுவனம் தொழில்நுட்பங்களை பகிர்ந்து கொண்டு வாகனங்களை தயாரிக்கும் பணிகளில் ஈடுபடுகின்றன. எலெக்ட்ரிக் வாகனங்களின் திட்டங்களின் படி ஈச்சர் மோட்டார்ஸ் நிறுவனத்திட்ம உள்ளது, வால்வோ உடனான கூட்டணிக்கு நன்றி என மல்லர் தெரிவித்தார்.<br><br><img src="" alt="" width="615" height="350"><br><br>`;

const lines = text.split('<br><br>');

for (const line of lines) {
    if (line.match(/\S/)) {
        alert(line);
    }
}

The more advances/robust method would be to load the HTML chunk into an HTML parser.