1

我试图弄清楚如何让我的 XUL 应用程序打开 HTML 文件并将其加载到编辑器元素中。但是，文档很少。

现在，我有一个像这样的内容窗口：

<hbox id="main-frame" flex="1">
    <tabbox id="workspace-tabbox" flex="1">
        <tabs id="workspace-tabs"/>
        <tabpanels id="workspace-tabpanels" flex="1" context="clipmenu"/>
    </tabbox>
    <splitter id="main-frame-splitter"/>
    <iframe id="preview-frame" src="about:blank" flex="1"/>
</hbox>

使用 javascript，我将 a 附加<tab>到<tabs>，并将 a附加<tabpanel>到<tabpanels>. 然后我创建一个<editor>，将其附加到<tabpanel>，并使其可编辑。

然后，有一个链接到此功能的打开按钮：

function promptFile() {
    var filepicker = Components.classes["@mozilla.org/filepicker;1"].createInstance(Components.interfaces.nsIFilePicker);
    var file;
    var choice;
    var path = null;

    filepicker.init(window, "Open", filepicker.modeOpen);
    filepicker.appendFilters(filepicker.filterHTML);
    choice = filepicker.show();

    if (choice == filepicker.returnOK) {
        file = filepicker.file.QueryInterface(Components.interfaces.nsIFile);
        path = file.path;
    }

    return path;
}

从这里开始，我不知道如何将其加载到<editor>. 我也不确定我是否在正确的路径上获取“路径”，或者我是否需要对“文件”对象做一些事情。

对此的任何见解或帮助将不胜感激。

4

1 回答 1

0

An<editor>本质上是一个框架 - 您只需将正确的 URL 加载到该框架中。您可以使用nsIIOService.newFileURI从nsIFile实例中获取该 URL：

Components.utils.import("resource://gre/modules/Services.jsm");
var uri = Services.io.newFileURI(file);
var editor = document.getElementById("editor");
var loadFlags = Components.interfaces.nsIWebNavigation.LOAD_FLAGS_NONE;
editor.webNavigation.loadURI(uri.spec, loadFlags, null, null, null);
editor.makeEditable("html", true);

以供参考：nsIWebNavigation.loadURI

于 2012-07-17T09:50:53.737 回答