HTMLタグが無効な場合の対処法

無効な HTML タグの解決策: 1. 要素の innerText を要素の innerHTML に割り当てます; 2. 「white-space: pre-line;」などのコードを使用して、スタイルを使用して改行を表示します。 。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

先頭にある無効な HTML タグの処理方法- end string

1) 要素の innerText を要素の innerHTML に割り当てます。これにより、エスケープの問題を回避し、文字列に含まれる HTML タグを有効にすることができます。

<div ref="introContent" class="intro__content">{{intro}}</div>
mounted() {
        // let text = this.$refs.introContent.innerText;
        // this.$refs.introContent.innerHTML = text;
    },

2) 改行を表すスタイルを使用した、キャリッジ リターンと同様の改行

word-break: break-all;
word-wrap: break-word;
white-space: pre-line;

推奨チュートリアル: html ビデオ チュートリアル、css ビデオ チュートリアル

以上がHTMLタグが無効な場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。