используя tinymce в расширении Chrome

Question

Я хочу использовать TinyMCE в расширении Chrome.

В простом примере вставьте TinyMCE в текстовое поле, когда я нажму на просмотр браузера.

Это не работает.

Пожалуйста, помогите мне!

Это мой код.(Я использую jquery. Когда нажимаете кнопку обзора, вставляете текстовую область и применяете TinyMCE), просто вставляете текстовую область .. не применяется TinyMCE ..

Моя папка

• background.html
• content.js
• manifest.json
• icon.png
• tinymce (папка)
• jquery-1.7.1.min.js

[background.html]

<script>
chrome.browserAction.onClicked.addListener(function(tab) {
        chrome.tabs.executeScript(null, { file: "jquery-1.7.1.min.js" }, function() {
            chrome.tabs.executeScript(null, { file: "tinymce/jscripts/tiny_mce/tiny_mce.js" }, function() {
                chrome.tabs.executeScript(null, { file: "content.js" });
                });
            });
        });
    });
</script>

[content.js]

tinyMCE.init({
        mode : "textareas",
        theme : "simple"        
    }); 

$("body").append("<textarea>hello</textarea>");

[manifest.json]

{
    "name": "NNNyang",
    "description": "TinyMCE test",
    "version": "0.1",
    "permissions": ["tabs", "http://*/", "https://*/"],
    "background_page": "background.html",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "insert TinyMCE"
    }
}

Answer 1

Это выглядит как довольно старый вопрос, пытаясь внедрить TinyMCE в существующую страницу.

Чтобы сделать это в текущем Chrome, вам необходимо:

a) использовать директиву манифеста content_scripts, чтобы внедрить каждый скрипт, к которому вы хотите получить доступ на странице.(в данном случае jquery, tinymce и ваш собственный скрипт)

b) в вашем content.js настройте приемник chrome RPC, чтобы получить действие сообщения из фонового скрипта, используя chrome.extension.onRequest.AddListener (...)

c) в фоновом скрипте используйте chrome.browserAction.onClicked.AddListener (..), чтобы настроить функцию триггера для кнопки браузера, которая отправляет RPC-сообщение вашему контенту.js-скрипт с использованием chrome.tabs.sendRequest (...)

У меня есть расширение, которое делает подобные вещи с помощью контекстного меню.Вы должны быть в состоянии экстраполировать это на кнопку действия браузера ..

https://github.com/jeske/BBCodePaste

Answer 2

Вы делаете это в неправильном порядке. Вам нужно иметь текстовую область на своей странице, когда вы пытаетесь вызвать инициализацию tinymce. Попробуйте это

**EDIT:**

$("body").append("<textarea>hello</textarea>");

tinyMCE.init({
        mode : "textareas",
        theme : "simple"        
});