質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Google

Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

Q&A

0回答

719閲覧

Google拡張でタグ付きで選択中の文字列取得

grehaogh

総合スコア4

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Google

Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

0グッド

0クリップ

投稿2019/11/27 03:45

前提・実現したいこと

Google拡張機能を開発しています。
選択中の部分のコードをコピペするものを作りたいです。

発生している問題・エラーメッセージ

テキストは取得できるが、タグ付きでほしい。

該当のソースコード

js

1//コンテクストメニュー 右クリック時に出る表示のやつ 2chrome.contextMenus.create({ 3 "title" : "copy", 4 "type" : "normal", 5 "contexts" : ["selection"], 6 "onclick" : copytext() 7}); 8 9//選択中の文字列を取得 10function copytext(info,tab){ 11 return function(info,tab){ 12 var selection_text = info.selectionText; 13 saveToClipboard(selection_text); //取得した文字列をクリップボードにコピーする関数に送る 14 } 15} 16 17//選択中文字列をクリップボードに入れる 18function saveToClipboard(str) { 19 var textArea = document.createElement("textarea"); 20 document.body.appendChild(textArea); 21 textArea.value = str; 22 textArea.select(); 23 document.execCommand("copy"); 24 document.body.removeChild(textArea); 25 } 26ソースコード

タグ付きで取得するにはどうすればよいのでしょうか。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kyoya0819

2019/11/27 03:59

タグとはHTMLのタグですか?
kyoya0819

2019/11/27 04:03

タグにも色々ありますが、どこまでのものを取得したいのでしょうか? <body> <div id=hoge> <span id=hope>popopo</span> </div> </body> popopoをコピペする場合spanだけで良いのでしょうか?
grehaogh

2019/11/27 04:05

情報が少なくすいません。 divかspanをコピペできると嬉しいです。 例えばpopopoを選択して、結果として「<span id=hope>popopo</span>」がコピーできると嬉しいです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問