JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<ul>
    <li>\some\text\possibly\a\path</li>
    <li>\another\path</li>
    <li>\something\else\also\quite\long</li>
</ul>

CSS

li {
    width: 8em;
    border: 1px solid #000;
}
li span {
    display: inline-block;
}

JavaScript

$('li').html(function(i, h) {
    return h.replace(/(\\)/g, '$1<span></span>')
});