How to add span tags to each Chinese and English words in a string?

I'm trying to add span tags to each word of user's input for further manipulation. My attempt so far can only find english words and attach tags? how do I attach span tags to both to english words and Chinese Characters t if user's input has Chinese charecters within.

userInput="hello world ????"
var regex = /(<.+?<\/.+?>|\S+)/g;
var result = userInput.replace(regex, function(a) {
    return "<span id=" + (++id) + ">" + a + "</span>";
});
javascript jquery html
sahil Kothiya

Answers 1

Submit Answer
  • bhargav

    Use this regex instead

    /[\u00ff-\uffff]|\S+/g

    It is going to consider anything equal or greater than \u00ff a word.

    var id = 0;
var userInput="hello world ????"
var regex = /[\u00ff-\uffff]|\S+/g;
var result = userInput.replace(regex, function(a) {
    return `<span id="word${++id}">${a}</span>`;
});
document.getElementById('result').value = result;
    input { width: 80%; }
    <input type="text" id="result" />

Related Articles