Почему не видно глобальную переменную?

Question

[Алексей Ярков]

Собственно вот: https://github.com/yarkovaleksei/toster-wysiwyg-panel

При клике на какой-нибудь элемент формы в консоль валится ошибка, что TWPWYG не найден. Но он же объявлен глобально? И в консоли строка console.dir( window.TWPWYG ); выводит то что нужно.
Почему так?

P.S. Знаю, архитектура неправильная, но хотелось быстро слепить чтобы работало, а потом уже вылизать код.

Comments

[Сергей delphinpro]

не пробовал ивенты вешать вместо атрибутов в html? addEventListener и т.д...

[Алексей Ярков]

Сергей: пока не пробовал. Сейчас попробую переписать.

[Aves]

Алексей Ярков: content script в отдельном контексте исполняется - https://developer.chrome.com/extensions/content_sc..., объекты window разные.

[Aves]

[Алексей Ярков]

Aves: интересно... И как быть?

[Aves]

Алексей Ярков: способов наверное много можно придумать, например через делегирование - в content.js повесить обработчик click на document, проверять event.target и нужные действия выполнять.

[Aves]

и вроде jQuery используется, с его on всё просто делается.

[timurkin]

Алексей Ярков: инжектить скрипты - тогда они буду иметь доступ в window.*, а общаться с этими скриптами с помощью chrome extensions messages(или как-то так, легко гуглится)

Answer 1

[Алексей Ярков]

Aves , Сергей, timurkin - я все-таки победил ))) Смотрите что вышло: https://github.com/yarkovaleksei/toster-wysiwyg-panel

Comments

[Aves]

Тоже вариант. А habraWYG отличается или то же самое, что и TWPWYG?

[Алексей Ярков]

Aves: отличается. Там немного другой способ поиска родительской формы.
Да и на будущее задел, чтобы можно было проще кастомизировать.

[Aves]

Алексей Ярков: если отличается и использует habrastorage_upload и т.д. то пожалуй вставить скрипт в код страницы единственный вариант. Единственное, можно использовать https://developer.chrome.com/extensions/content_sc... - можно будет без brfs обойтись.

[Алексей Ярков]

Aves: а чем именно brfs не угодил? Все же работает и собирается в один файл на выходе.