1. ホーム
  2. javascript

[解決済み] textarea内のHTMLを描画する

2022-04-23 04:32:32

質問

テキストエリア内にいくつかのHTMLタグ(すなわち <strong>, <i>, <u>, <a> )を表示できるようにする必要がありますが、テキストエリアはその内容をテキストとしてのみ解釈されます。外部ライブラリやプラグイン(jQueryを使っています)に頼らず、簡単にできる方法はないでしょうか? そうでなければ、これを行うために使用できるjQueryプラグインをご存知でしょうか?

どのように解決するのですか?

で行うことはできません。 textarea . あなたが探しているのは コンテンツ編集可能 divを使用することで、非常に簡単に行うことができます。

<div contenteditable="true"></div>

jsFiddle

div.editable {
    width: 300px;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
}

strong {
  font-weight: bold;
}
<div contenteditable="true">This is the first line.<br>
See, how the text fits here, also if<br>there is a <strong>linebreak</strong> at the end?
<br>It works nicely.
<br>
<br><span style="color: lightgreen">Great</span>.
</div>