Sublime Text的QuoteHTML

描述

将HTML片段作为字符串引用。

示例

• 原始HTML

  <div class="demo">
      <ol>
          <li>1</li>
          <li><a href='#'>2</a></li>
          <li><a href="#">3</a></li>
      </ol>
  </div>
  

• 使用单引号引用HTML

  '<div class="demo">' +
      '<ol>' +
          '<li>1</li>' +
          '<li><a href=\'#\'>2</a></li>' +
          '<li><a href="#">3</a></li>' +
      '</ol>' +
  '</div>';
  

• 使用双引号引用HTML

  "<div class=\"demo\">" +
      "<ol>" +
          "<li>1</li>" +
          "<li><a href='#'>2</a></li>" +
          "<li><a href=\"#\">3</a></li>" +
      "</ol>" +
  "</div>";
  

• 包含空格的使用单引号引用HTML

  '<div class="demo">' +
  '    <ol>' +
  '        <li>1</li>' +
  '        <li><a href=\'#\'>2</a></li>' +
  '        <li><a href="#">3</a></li>' +
  '    </ol>' +
  '</div>';
  

• 包含空格的使用双引号引用HTML

  "<div class=\"demo\">" +
  "    <ol>" +
  "        <li>1</li>" +
  "        <li><a href='#'>2</a></li>" +
  "        <li><a href=\"#\">3</a></li>" +
  "    </ol>" +
  "</div>";
  

• 使用单引号作为数组引用HTML

  [
      '<div class="demo">',
          '<ol>',
              '<li>1</li>',
              '<li><a href=\'#\'>2</a></li>',
              '<li><a href="#">3</a></li>',
          '</ol>',
      '</div>'
  ].join("");
  

• 使用双引号作为数组引用HTML

  [
      "<div class=\"demo\">",
          "<ol>",
              "<li>1</li>",
              "<li><a href='#'>2</a></li>",
              "<li><a href=\"#\">3</a></li>",
          "</ol>",
      "</div>"
  ].join("");
  

• 包含空格的使用单引号作为数组引用HTML

  [
      '<div class="demo">',
      '    <ol>',
      '        <li>1</li>',
      '        <li><a href=\'#\'>2</a></li>',
      '        <li><a href="#">3</a></li>',
      '    </ol>',
      '</div>'
  ].join("");
  

• 包含空格的使用双引号作为数组引用HTML

  [
      "<div class=\"demo\">",
      "    <ol>",
      "        <li>1</li>",
      "        <li><a href='#'>2</a></li>",
      "        <li><a href=\"#\">3</a></li>",
      "    </ol>",
      "</div>"
  ].join("");
  

安装

选项1 - 使用Package Control（推荐）

通过Package Control安装此包是最简单的方法。

1. 安装Package Control，按照网站上的说明操作。

2. 打开命令面板：Ctrl+Shift+P（Linux/Windows）或Cmd+Shift+P（OS X），选择 Package Control: Install Package。

3. 当出现包列表时，输入QuoteHTML并选择它。

选项2 - 使用Git

将存储库克隆到Sublime Text“包”目录下

git clone git://github.com/mutian/Sublime-Quote-HTML.git "QuoteHTML"

您可以在以下目录中找到“包”：

• OS X: ~/Library/Application Support/Sublime Text 2/Packages/

• Windows: %APPDATA%/Sublime Text 2/Packages/

• Linux: ~/.Sublime Text 2/Packages/

选项3 - 不使用Git

从Github下载最新的源zip文件，并将其提取到Sublime Text“包”文件夹中的名为QuoteHTML的新文件夹中。

使用方法

选择代码，或在文档中放置光标，并通过以下方式之一执行命令：

• 编辑菜单：编辑 > 引用HTML。

• 命令面板：打开命令面板：Ctrl+Shift+P（Linux/Windows）或Cmd+Shift+P（OS X），选择 引用HTML。

快捷键

默认情况下，QuoteHTML不提供键盘快捷键以避免冲突，但您可以通过查看包含的Example.sublime-keymaps文件来了解如何设置自己的快捷键。

作者

由 Mutian （http://mutian.wang）创建。

如需更多信息，您可以发送电子邮件给我：mutian(a)me.com！