ホームページ > 記事 > ウェブフロントエンド > HTMLタグが無効な場合の対処法
解決策: 1. 要素の innerText を要素の innerHTML に割り当てます; 2. 復帰と同様の改行には、「word-break:break-all;word-wrap:break-word」を使用します。 ;white-space" :pre-line;" レンダリングするスタイル。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
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 ビデオ チュートリアル
以上がHTMLタグが無効な場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。