【UTAGEで今すぐ使える】 任意のところで文章を改行させる裏技
【UTAGEで今すぐ使える】 任意のところで文章を改行させる裏技
UTAGEってめっちゃ便利なのですが、 スマホだけで改行する PCだけで改行する これができたら最高だと思いませんか？
なので、任意のところで改行できるようにコードを作りました。
もしかしたら既存の機能でできる？かわかりませんが、コレを使っています。
スマホで改行したい場合は<sr> スマホで改行したい場合は<pr> これをいれると勝手に改行されます bodyタグがおわったところにscriptを貼り付けてください
↓ ーーーーーーーーーーーーーーーー //
CSS const style = document.createElement('style'); style.textContent = ` .sr-break { display: none; white-space: pre-line; } .pr-break { display: none; white-space: pre-line; }
screen and (max-width: 640px) { .sr-break { display: inline; } .pr-break { display: none; } }
screen and (min-width: 641px) { .sr-break { display: none; } .pr-break { display: inline; } } `; document.head.appendChild(style); // JavaScript document.addEventListener('DOMContentLoaded', () => { const paragraphs = document.querySelectorAll('p'); paragraphs.forEach(p => { let newHTML = p.innerHTML; if (newHTML.includes('<sr>')) { newHTML = newHTML.replace(/<sr>/g, '<span class="sr-break">\n</span>'); } if (newHTML.includes('<pr>')) { newHTML = newHTML.replace(/<pr>/g, '<span class="pr-break">\n</span>'); } if (newHTML !== p.innerHTML) { p.innerHTML = newHTML; } }); }); ーーーーーーーーーーーーーーーー