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

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

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

Firefox WebExtensionsは、Firefox向けアドオンをクロスブラウザで開発するためのAPIおよび技術。Google Chrome/Operaでサポートされているextension API との互換性を持ちます。

JavaScript

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

Chrome extension

Chrome拡張機能

Q&A

0回答

969閲覧

Thunderbirdのmessage_display_actionからメール本文選択文字列を取得したい

tobby

総合スコア11

Firefox WebExtensions

Firefox WebExtensionsは、Firefox向けアドオンをクロスブラウザで開発するためのAPIおよび技術。Google Chrome/Operaでサポートされているextension API との互換性を持ちます。

JavaScript

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

Chrome extension

Chrome拡張機能

0グッド

0クリップ

投稿2021/08/13 03:53

二日悩んでいるので、質問させてください。
Thunderbird v78.12.0で アドオンを作るために調べています。

実現したいこと

下図の通りですが、message_display_actionで追加したボタンを押す直前にメール本文の一部文字列を選択しておき、
ボタンが押されたら表示するHTML画面のinput要素のデフォルト値として、設定したいです。

イメージ説明

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

下記エラーが発生しています。
Uncaught TypeError: document.getElementById(...) is null

試したこと

documentがpopup_message.htmlを示していると思い、messagepaneのdocumentを取得する方法を探していたのですが、
見つけられていません。

console.log( currentWindow.document.getElementById('messagepane').contentDocument.getSelection().toString() );
もエラーになりました。

下図のように開発ツールのコンソールでは取得できています。
イメージ説明

現在のソース

(テストコードがごちゃごちゃで、より分かりづらいと思い、一部のみ記載します)

manifest.json

json

1 "message_display_action": { 2 "default_popup": "popup_message.html", 3 "default_title": "Add Task", 4 },

popup_message.html

html

1<!DOCTYPE html> 2<html> 3<head> 4 <script src="scripts/popup_message.js" type="text/javascript"></script> 5</head> 6<body> 7 <div id="popup-page"> 8 <div> 9 <div class="popup-input"> 10 <input type="text" id="task_content" placeholder="タスクの内容"> 11 </div> 12 <div class="popup-input"> 13 <input type="text" id="task_due" placeholder="今日"> 14 </div> 15 <div class="popup-input"> 16 <button type="button" id="task_add">Add Task</button> 17 </div> 18 </div> 19 </div> 20</body> 21</html>

popup_message.js

javascript

1function test() { 2 console.log( document.getElementById('messagepane').contentDocument.getSelection().toString() ); 3} 4document.addEventListener('DOMContentLoaded', function () { 5 document.getElementById('task_add').addEventListener('click', messageAddTask); 6 test(); 7});

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問