Ubiquity CmdUtils.setSelection не заменит HTML - PullRequest
Новая
       53

Ubiquity CmdUtils.setSelection не заменит HTML

1 голос
/ 15 апреля 2010

Я пытаюсь написать команду Ubiquity, которая позволяет заменить выбранную ссылку или URL, указывающий на изображение, самим этим изображением. Однако функция CmdUtils.setSelection () (задокументированная здесь ), похоже, ничего не делает, если в выделении присутствуют html-теги, что делает ее бесполезной для замены каких-либо ссылок. При выборе простого текста он работает точно так, как задумано, заменяя текст тегом <img src="text"/>. Я что-то упустил, или эта функция просто не позволит мне заменить HTML? Если последний случай, есть ли функция или метод, который позволит мне сделать это? Любой другой совет также приветствуется! 

 CmdUtils.CreateCommand({
  name: "fetch-image",
  author: {name: "Josh Timmer"},
  license: "GPL",
  description: "Replaces links or URLs pointing to images with the image itself",
  help: "Highlight text or a hyperlink and execute this command",
  takes: {"image URL": /.*/},

  _getImgUrl: function(itemIq) {
     if (itemIq.html.indexOf("<a ",0) < 0)
        return itemIq.text;
     var refPos = itemIq.html.indexOf("href=\"",0);
     if (refPos < 0)
        return "Error, no URL found!";
     var startPos = itemIq.html.indexOf("\"", refPos);
     var endPos = itemIq.html.indexOf("\"", startPos + 1);
     startPos += 1;
     var url = itemIq.html.substring(startPos, endPos);
     return url;
  },

  preview: function(pblock, input) {
     pblock.innerHTML = "Image URL: " + this._getImgUrl(input) + "<br/><br/><img src='" + this._getImgUrl(input) + "'/>";
  },

  execute: function img_insert(input) {
     CmdUtils.setSelection("<img src='" + this._getImgUrl(input) + "'/>");
     displayMessage("Executed: " + this._getImgUrl(input));
  }
});

1 Ответ

1 голос
/ 22 августа 2010

Должно работать, пока передается правильный HTML. 

CmdUtils.CreateCommand({
  name: "fetch image",
  authors: [{name: "Josh Timmer"}, "satyr"],
  license: "GPL",
  description: "Replaces links pointing to images with the image itself.",
  help: "Highlight text or a hyperlink and execute this command.",
  preview: function fetch_image_preview(pblock) {
    pblock.innerHTML = this._images() || this.previewDefault();
  },
  execute: function fetch_image_execute() {
    CmdUtils.selection = this._images();
  },
  _images: function fetch_image_urls(){
    var srcs = CmdUtils.getSelectedNodes("a");
    if (!srcs.length) srcs = CmdUtils.selection.match(/\bhttps?:\/+\S+/g);
    return [<img src={s}/>.toXMLString() for each (s in srcs)].join("");
  },
});
...