ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLタグが無効な場合の対処法

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

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-09 10:46:413184ブラウズ

解決策: 1. 要素の innerText を要素の innerHTML に割り当てます; 2. 復帰と同様の改行には、「word-break:break-all;word-wrap:break-word」を使用します。 ;white-space" :pre-line;" レンダリングするスタイル。

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。