htmlで文字列をクリップボードにコピーしたい

質問

簡単な文字列をHTMLを使ってクリップボードにコピーしたいのですが、なかなかうまくいきません。
IEでHTMLを起動させて、コピペして使いたいのですが。

ポイントは…
・改行しても認識してそのまま文字列をコピーできること
・ボタンを一つのHTMLページ内に複数設置したいこと(なのでおそらく名前をボタンごとにつけるのだと思いますが…)

http://auctempnavi.fc2web.com/waza/copy.html
上記のやり方では一応可能でしたが、テキストエリアが邪魔なのと、ボタンを横に並べたくても縦方向に追加されてしまう…という部分で行き詰りました。

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q107558700
上記の形だと理由は不明なのですが、改行を認識してくれない。うまく起動するときとしないときがある(もしかしたら名前付けがうまくいっていないのかも知れません)

どなたか知恵を貸して頂ければ幸いです。

回答No.5

outbrave · ベストアンサー

<input type="button" value="住所" onclick="this.select(); clipboardData.setData('text','［住所］〒０００－００００\n○○県○○市○○町\n○－○－○\n［氏名］○○　○○○\n［ＴＥＬ］○○○－○○○－○○○○');">
<br>
<input type="button" value="番号" onclick="this.select(); clipboardData.setData('text','1234567980');">
<br>
<input type="button" value="落札された場合の定型文" onclick="this.select(); clipboardData.setData('text','お世話になります。\nこの度、商品を落札致しました。○○でございます。\n早速ですが、下記に詳細を記載しておりますのでご確認下さい。');">

IE限定ですけど、コピーできます。
ローカルでは（ブロックされているコンテンツを許可）が必要ですが。

お礼

色々試したのですが、この方法で成功しました！
ただ、ブラウザの問題なのかなんなのか、できない時もなぜかあって、根本解決にはなりませんでした。
ここから先は自分で勉強すべきですね。
ありがとうございました。

回答No.4

ORUKA1951

それでしたら、そんな面倒くさい事をせずに
じゅうしょ　⇒　東京都東京市1-1-1　東京ハイツ111
とIMEに単語登録して置けば良いです。
　私はウェブ作成しますので
　　いんよう　⇒ <blockquote cite=""><p></p><address></address></blockquote>
　　だんらく　⇒　<p></p>
　　ていぎ　⇒　<dt></dt>　　せつめい　⇒ <dd></dd>
とかも単語登録してます。

回答No.3

outbrave

起動しないというのはわかりませんが、改行は問題無いです、\n と入れてますか。

補足

まずこちらの意図がわからないということでしたので…説明させて頂きますと…

懸賞サイトなどに応募するときやオークションで定型分を送る時、いちいち住所等を記入するのが面倒なので、テキストに記入して、それをコピペして使用していました。

例えば…

東京都東京市1-1-1　東京ハイツ111
***-****-****

といった情報や、オークションのよくあるような定型文です。

これをHTML形式で簡単なツールを作りたいと思ったのがキッカケになります。
そこでテキストを毎回立ち上げて、文字列を選択⇒コピー⇒ペースト…ではなく、ボタンを押すだけでその文字列をコピーしたいと考えました。

それで色々調べたのですが…

東京都東京市1-1-1　東京ハイツ111

等の文字列単体を、一つのHTMLページ内に設置した場合は、ボタンを押すだけでクリップボードにコピー可能で、貼り付けることができました。
が、同じHTMLページ内に複数設置すると、うまくコピーができなかったり…といったことになりました。

-----------------------
・住所【ボタン】

・番号【ボタン】

-----------------------
という具合に設置したいのです。
【ボタン】を押せばクリップボードにコピーされる使用にしたかったのです。

また、オークションの定型文も挿入したいと思い、同じように定型を入れ込み、ボタンを設置すると、今度は改行を受け付けてもらえない状態になりました。

-----------------------
・住所【ボタン】

・番号【ボタン】

・落札された場合の定型文

・発送完了の定型文
-----------------------

という形です。
完全にオフラインで使用する自分だけのためのツールということになります。
複数ボタンを設置した場合はボタンに名前をつけなければ認識しないのだろうと思い、色々やってみましたが、どうもコピーされたりされなかったり…と不安定です。
おそらく色々間違っているのでしょう…

オークションなどで使用したい定型文は以下のような普通のものです

----------------------------------
お世話になります。
この度、商品を落札致しました。○○でございます。
早速ですが、下記に詳細を記載しておりますのでご確認下さい。

［振込先］○○銀行
［振込予定日］○月○日を予定
［住所］〒０００－００００　○○県○○市○○町　○－○－○
［氏名］○○　○○○
［ＴＥＬ］○○○－○○○－○○○○

振込後に再度ご連絡差し上げます。
それでは失礼致します。

----------------------------------

brや\nででは改行はできませんでした。
もちろんいままでどおりテキストに書き溜めておき、選択してコピペでも可能なのですが、手間がかからないのでいいなと思ったのです。

これで理解してもらえなかった場合は…おそらく私の語彙力では説明できないかもしれないので…潔く諦めるほかないでしょうか…

回答No.2

ORUKA1951

されたいことがわからないです。
画面上の改行は保存されたらとってもまずいです。ディスプレイ幅が異なるユーザーエージェントでも読み上げソフトでも・・・普遍的に利用できるのがHTMLです。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より
　ご覧のこの画面、Ctrl + ＋で、視覚障害者がフォントを拡大したら改行位置が変わりますよね。もしスクリーンリーダーを併用していて読み上げさせるとフォントを変えたら読み方変わったらまずいでしょ。スクリーンリーダーは改行は無視して読んでいきます。ただし<p>段落</p>でマークアップされていたら、一呼吸間を取ります。

　HTML内のテキストをコピーしたけりゃ左ボタンを押したままドラッグ、もしくはShiftキーを押しながらカソールキーやEND,HOMEキーで選択してコピーしたい部分を反転させて
　Ctrl + Ｃまたは、コンテキストメニュー(マウスの左ボタンで表示される)からコピーを選択すればすむ事です。
　HTMLソースをコピーしたけりゃ、そのままコンテキストメニューから「選択部分のソースを表示」で良いですし、
　特殊なコピーならブラウザのアドオンを使用者が用いればよい。

・・改行しても認識してそのまま文字列をコピーできること
　これは不可能です。出来ません。出来てはなりません。
　textarea内の文字に関しては、wrapをコントロールすることで可能です。

回答No.1

noname#206842

言っていることの意味が理解できないのですが？・・・
記述した製作者により、どのようなタグを使っているかによりますが？
preタグでかかれているものに対しては、簡単でしょうが、
<br>などを多用してそれなりに表示している場合はむづかしいのでは？・・・
ブラウザで表示コピーなら可能

考え方としては、ソースを表示してコピー、ペースト
<br>タグがある場合は改行
行番号がある場合は、それを削除

これらを、クリアすることを、考えればできるのでは？・・・

html自体がtextファイルなので、不要なタグを取り除けば」、ただのテキストになる。
この基本から考えれば、簡単だと思いますが？・・・
やろうとしていることに意味があるのか？・・・疑問です。