ある商品の詳細ページを作っています。この詳細ページには大量のテキストを含めることができ、顧客は最初の 100 文字のみを表示して、最後に「 ... more 」を追加したいと考えています。
ユーザーがこの「 ... more 」をクリックすると、残りのテキストを表示できます。
最大の問題: テキストは現在 CMS であり、多種多様です。純粋なテキストもあれば、html 要素を含むものもあります...
テキストを切り取ってスパンに入れてみました。次に、これらのスパンを好きなように表示/非表示にできます。ここでの問題は、特定のタグの開始要素が最初のスパンにあり、終了要素が 2 番目のスパンにある可能性があることです。これにより、DOM 階層に障害が発生し、結果は決してきれいではありません。
これを達成する（他の）方法または私が使用できるライブラリを知っている人はいますか？