php-<textarea>を有効にして、太字、斜体、色、imgタグなどのHTMLコンテンツを表示します

Home
PHP
php-を有効にして、太字、斜体、色、imgタグなどのHTMLコンテンツを表示します</span> <meta itemprop="position" content="3" /> </li> </ol> <div class="item featured text-center" itemscope itemtype="https://schema.org/QAPage"> <div itemprop="mainEntity" itemscope itemtype="https://schema.org/Question"> <div class="desc text-left"> <div><span itemprop="upvoteCount">0</span> レビュー</div> <div><span itemprop="answerCount">2</span> 回答</div> <h1 class="title" itemprop="name">php-<textarea>を有効にして、太字、斜体、色、imgタグなどのHTMLコンテンツを表示します</h1> <div itemprop="text"> <p>質問を明確にしようと思います。HTMLコンテンツを表示する必要があります。私がやろうとしていることを説明しましょう。</p> <p> 1-私のメインファイルには、mysqlテーブルに挿入されたテキストを送信するがあります。（OK） 2-同じページでPHPがクエリを実行し、メッセージと一緒に挿入されたIDを含む行を検索します。（OK） 3-PHPが同じIDの行を見つけた後、次のコードを使用してこれらのメッセージを表示します（メッセージはテキストエリアに表示されます）：</ p> <pre><code id='code-1'> while ($runrows = mysql_fetch_assoc($run_two)){ $horario = $runrows['added']; $autor = $runrows['autor']; $mensagem = $runrows['mensagem']; $codigosender = $runrows['codigosender']; $testevar = htmlspecialchars($mensagem); echo" <center> <table width='500px;'> <tr><td width='75%'>$autor</td><td width='25%'>$horario</td></tr> </table> <textarea name='displayMessages' style=' width:500px;' readonly>$testevar</textarea> </center> "; } </ code> </ pre> <p>これが私の問題です。送信者にメッセージ「<b>（太字のタグ）Mateus（太字のタグ）</ b>」を挿入すると、PHPがテキストエリアに表示されたときに「Mateus」が表示されません。 '太字で！では、textareaを有効にするにはどうすればよいですか？（基本的に、textareaを今書いているものとして機能させることができます）。 </ p> </div> <div> <time itemprop="dateCreated" datetime="2022-04-17">2022-04-17</time> </div> <div itemprop="author" itemscope itemtype="https://schema.org/Person"> <span itemprop="name">わからない</span> </div> <div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer"> <div itemprop="upvoteCount">0</div> レビュー <div itemprop="text"> <center><h3>答え :</h3></center> <h4>解決策：</ h4> <p> HTMLテキストエリアには、コンテンツの値のスタイルはありません。</ p> <p>スタイリングを行う場合は、サードパーティのコントロールを使用する必要があります。 CKEditorやフリーテキストボックスのように、それ以外の場合は、独自のテキストエリアを作成する必要があります。 </ p> </div> <a itemprop="url" href="https://yaoply.com/items/enable-textarea-to-display-html-content-such-as-bold-italic-color-img-tags#suggestedAnswer"> 答えへのリンク</a> <div> <time itemprop="dateCreated" datetime="2022-04-17">2022-04-17</time> </div> <div itemprop="author" itemscope itemtype="https://schema.org/Person"> <span itemprop="name">わからない</span> </div> </div> <div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer"> <div itemprop="upvoteCount">0</div> レビュー <div itemprop="text"> <center><h3>答え :</h3></center> <h4>解決策：</ h4> <p>他の人が説明しているように、TextArea要素のコンテンツのスタイルを設定することはできません。</ p> <p>ただし、contentEditableプロパティを<code id='code-2'> {-code-に設定すると、他のルートを使用して、標準の<code id='code-3'> div</code>を編集可能にすることができます。<em></em> 2}</code>。これにより、<code id='code-4'> div</code>要素はテキスト領域と同様に動作します。もちろん、実際にユーザーがスタイルを変更できるようにするには、いくつかの外部コントロール（ボタン、キー押下イベントのバインドなど）を追加する必要があります。<ahref="https://web.archive.org/webの良い例を参照してください。 /20150712053536/http://whoomph.net/contentEditable/mini1.html">ジョーアームストロングのブログ</a></p> <p>しかし、最も簡単な方法は、おそらくCKEditorまたは同様のパッケージを使用することです。</ p> </div> <a itemprop="url" href="https://yaoply.com/items/enable-textarea-to-display-html-content-such-as-bold-italic-color-img-tags#suggestedAnswer"> 答えへのリンク</a> <div> <time itemprop="dateCreated" datetime="2022-04-17">2022-04-17</time> </div> <div itemprop="author" itemscope itemtype="https://schema.org/Person"> <span itemprop="name">わからない</span> </div> </div> <div align="center"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0305809981987647" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-0305809981987647" data-ad-slot="8447562278"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <hr> <h3>同様の質問</h3> <p>私たちのウェブサイトで同様の質問で答えを見つけてください。</p> <style> .post-item{ width: 100%; float: left; padding: 9px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f2f2f2; } .post-value{ color: #fff; background-color: #5EBA7D; padding: 3px 6px; white-space: nowrap; width: 38px; text-align: center; box-sizing: border-box; height: auto; float: none; border-radius: 2px; font-size: 90%; transform: translateY(-1px); } </style> <div class="post-item"> <a href="storing-database-info-as-array">php-データベース情報を配列として保存</a> </div> <div class="post-item"> <a href="how-to-pass-messages-in-custom-request-classe-in-laravel">php-laravelのカスタムリクエストクラスでメッセージを渡す方法は？</a> </div> <div class="post-item"> <a href="i-am-not-getting-a-output-when-submitting-a-form-button-php-email-code-is-not-gi">htmlbutton-フォームボタンを送信しても出力が表示されないPHPの電子メールコードで結果が得られない以下のコードを参照してください</a> </div> <div class="post-item"> <a href="new-html-css-code-doesnt-pass-post-variables-to-php-shell-exec">新しいHTML/CSSコードはpost変数をPHPshell_execに渡しません</a> </div> <div class="post-item"> <a href="whats-the-url-that-displays-all-posts-in-wordpress">php-ワードプレスのすべての投稿を表示するURLは何ですか？</a> </div> <div class="post-item"> <a href="prepared-statement-in-php-with-mysql-database">MYSQLデータベースを使用したPHPでのプリペアドステートメント</a> </div> <div class="post-item"> <a href="choosing-whether-or-not-to-display-a-module-in-sublinks-of-a-joomla-component">php-Joomlaコンポーネントのサブリンクにモジュールを表示するかどうかの選択</a> </div> <div class="post-item"> <a href="php-create-random-hash-string-for-email-closed-loop-verification">linux-PHP-電子メールの閉ループ検証用のランダムハッシュ文字列を作成します</a> </div> <div class="post-item"> <a href="php-file-ownership-permission-issue-uploaded-file-cannot-be-accessed-not-fou">apache-PHP-ファイルの所有権/許可の問題-アップロードされたファイルにアクセスできない/アップロード後に見つからない</a> </div> <div class="post-item"> <a href="store-css-data-into-a-mysql-database">javascript-CSSデータをMySQLデータベースに保存します</a> </div> <div class="cl"></div> </div> </div> </div> <div id="answer" style="display: none;"> <br> <br> <form method="post" action="/add-answer.php"> <input name="qid" type="hidden" value="142793"> <b>答えを書く</b><br> <textarea name="answer" style="width: 100%;">