記事編集

日付

ジャンルのカテゴリ―名

タイトル

内容の要旨

&nbsp;//Details.cshtmlのhtmlCodeの抜粋&lt;dd class=&quot;col-sm-10&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div style=&quot;border: 2px solid black; padding: 10px;&quot;&gt; &nbsp;//「コピーする」ボタンを作成：表示&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;div style=&quot;text-align: right;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;button onclick=&quot;copyToClipboard()&quot;&gt;コピーする&lt;/button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;px &nbsp;id=&quot;htmlCode&quot;&gt;@Html.Raw(Model.Content)&lt;/px&gt;&nbsp; &nbsp; &nbsp; &nbsp;@* &nbsp; &lt;textarea class=&quot;preformatted-text&quot; id=&quot;htmlCode&quot; style=&quot;field-sizing:content;&quot;&gt;@Html.DisplayFor(model =&gt; model.Content)&lt;/textarea&gt; *@&nbsp; &nbsp; &nbsp;&lt;/div&gt;&nbsp;&lt;/dd&gt;//Details.cshtmlのhtml&nbsp;同ページのJava　&lt;script&gt;&lt;script&gt;&nbsp; &nbsp; function copyToClipboard() {&nbsp; &nbsp; &nbsp;&nbsp;const text = document.getElementById(&quot;htmlCode&quot;).innerText;　　//idが&rdquo;ｈｔｍｌCode&rdquo;というオブジェクトの中身をtext変数に代入&nbsp; &nbsp; &nbsp; // textarea.select();&nbsp; &nbsp; &nbsp; // textarea.setSelectionRange(0, 99999); // モバイル対応&nbsp; &nbsp; &nbsp; // document.execCommand(&quot;copy&quot;);&nbsp; &nbsp; &nbsp; // alert(&quot;コードがコピーされました！&quot;);&nbsp; &nbsp; &nbsp; navigator.clipboard.writeText(text).then(() =&gt; {　　　//Clipboadにtextをコピーする&nbsp; &nbsp; &nbsp; &nbsp; alert(&#39;テキストをコピーしました: &#39; + text);&nbsp; &nbsp; &nbsp; }).catch(err =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; alert(&#39;コピーに失敗しました: &#39; + err);&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }&lt;/script&gt;&lt;style&gt;&nbsp; &nbsp; textarea {&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;&nbsp; &nbsp; &nbsp; &nbsp; height: 150px;&nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 10px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: antiquewhite;&nbsp; &nbsp; }&nbsp; &nbsp; button {　　　　//buttonのスタイルを定義&nbsp; &nbsp; &nbsp; &nbsp; padding: 10px 20px;&nbsp; &nbsp; &nbsp; &nbsp; background-color: #4CAF50;&nbsp; &nbsp; &nbsp; &nbsp; color: white;&nbsp; &nbsp; &nbsp; &nbsp; border: none;&nbsp; &nbsp; &nbsp; &nbsp; cursor: pointer;&nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; button:hover {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #45a049;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &lt;/style&gt; Powered by <a href="https://www.froala.com/wysiwyg-editor?pb=1" title="Froala Editor">Froala Editor</a>

添付画像

画像を変更

Back to List

//検索文：Editor内でHTMLコードをコピーさせる