解法是把 .* 換成 ([\s\S]*?)

原始的 html:

<div id="byline-container" class="style-scope ytd-playlist-panel-video-renderer">
<span id="byline" class="style-scope ytd-playlist-panel-video-renderer">
Hgfdoi
</span>
</div>

在 Sublime Text 的「尋找」(Ctrl+F 或 Cmd+F) 或「在檔案中尋找」(Ctrl+Shift+F 或 Cmd+Shift+F) 面板中，正規表達式預設是不比對換行符號的。

要解決這個問題，您需要做兩件事：

1. 啟用「點號比對新行」（Dot Matches Newline）模式：在 Sublime Text 的尋找面板中，這通常對應於一個特殊的模式修飾符或一個按鈕。
2. 調整您的正規表達式：確保它能處理換行。

解決方案

1. 使用模式修飾符（推薦）

在 Sublime Text 的正規表達式引擎（預設是基於 Boost 的 PCRE）中，您可以在表達式的開頭添加 (?s) 修飾符來啟用「點號比對新行」（s 代表 single-line mode 或 dot-all）。

修改後的正規表達式：

程式碼片段

(?s)<span id="byline" (.*?)</span>

解釋：

• (?s): 啟用單行模式。在這個模式下，點號 (.) 會比對包括換行符號在內的任何字元。
• <span id="byline" : 比對起始部分。
• (.*?): 非貪婪地擷取中間的所有內容，包括屬性和標籤內的文字。
  • *? 確保它只比對到最近的 </span> 標籤。
• </span>: 比對結束標籤。

2. 使用專門比對任何字元的表達式（替代方案）

如果您不想使用 (?s) 修飾符，您可以將 . 替換為能夠比對任何字元組合的模式，例如：

程式碼片段

<span id="byline" ([\s\S]*?)</span>

解釋：

• [\s\S]: 這是一個字元集，它比對：
  • \s: 任何空白字元（包括空格、製表符、換行符號）。
  • \S: 任何非空白字元。
  • 結合起來，它比對所有字元。
• [\s\S]*?: 非貪婪地比對所有內容。

額外的建議 (針對您的 HTML 結構)：

如果您只需要擷取 <span> 標籤內部的文字，您的原始 HTML 結構是：

HTML

<span id="byline" class="style-scope ytd-playlist-panel-video-renderer">
    Hgfdoi
</span>

如果您使用 (?s)<span id="byline" (.*?)</span>，它會擷取到：

1. class="style-scope ytd-playlist-panel-video-renderer"
2. >
3. \n（換行符號）
4. Hgfdoi
5. \n（換行符號）

如果您只想提取 Hgfdoi，並且處理所有屬性和空白字元，更精確的表達式是：

程式碼片段

(?s)<span id="byline".*?>(.*?)</span>

• (?s): 開啟比對換行。
• <span id="byline": 比對起始。
• .*?: 非貪婪地比對所有屬性直到 > 符號。
• >: 比對起始標籤的結束符號。
• (.*?): 擷取群組，擷取您想要的文字（Hgfdoi 和周圍的空白換行）。
• </span>: 比對結束標籤。

最近遇到的問題是，每次都需要手動去把「換行」wrap 給關掉，預設是 “auto”，幾乎都幫我換行，我不太喜歡自動換行的功能。

解法：
https://forum.sublimetext.com/t/how-can-i-set-word-wrap-turned-on-by-default/573

go to Preferences > File Settings — Default, you can see that the option is now this:

	"word_wrap": true,

把左邊視窗裡的預設值複到到右邊 user 的框框裡，就完成了。

我是 sublime 的愛好者，在使用免費的版本一陣子後，在剛好有收入的情況下，也有讚助作者購買其序號，真的是一個好用的編輯器。

不像是 notepad++, sublime 的選單裡預設沒有刪除空白行的功能，需要手動操作：

Select the text

Press:

• Ctrl + H on PC, or
• Command + Alt + F on Mac or
• Click Find->Replace.

Make sure you have selected ‘regular expression’ by pressing:

• Alt + R on PC or
• Command + Alt + R on Mac or
• Click .* in the Find box.

Find what: ^\n

Replace With: (nothing, leave in blank).

上面的操作都太複雜，最佳解法是：
https://packagecontrol.io/packages/DeleteBlankLines

1. Press CTRL + SHIFT + P (macOS 是 cmd+shift+p)
2. Type Install onto the dialog window
3. Select “Package Control: Install Package” and press “Enter”
4. Search for and install “DeleteBlankLines”

然後在 menubar 的 Edit – Line 的目錄裡，就會多出一個 delete blank lines 的選項。

Shortcut Keys

Windows: – Ctrl+Alt+Backspace –> Delete Blank Lines – Ctrl+Alt+Shift+Backspace –> Delete Surplus Blank Lines

OSX: – Fn+Ctrl+Option+Delete –> Delete Blank Lines – Fn+Ctrl+Option+Shift+Delete –> Delete Surplus Blank Lines

Linux: – Ctrl+Alt+Backspace –> Delete Blank Lines – Ctrl+Alt+Shift+Backspace –> Delete Surplus Blank Lines

如果你有外接鍵盤的話，在 mac OSX 請使用 “Delete” 鍵，而不是 “Backspace” 鍵。

SublimeAStyleFormatter Plugin  的安裝方式：

用 Package Install 來安裝～

Sublime Text > Tools > Command Palette > Package Control: Install Package，

找到 StringEncode 安裝～

You can use more functional plugin SublimeStringEncode.

1. Install it using Package Control, type “StringEncode”.
2. cmd + shift + P then 在輸入框裡輸 “HTML entitize” 就可以看到 StringEncode 提供的function，超神奇，好好用的。

In addition you will have some other useful commands:

• html_deentitize: Converts HTML entities to a character
• url_encode: Uses urllib.quote to escape special URL characters
• url_decode: Uses urllib.unquote to convert escaped URL characters
• json_escape: Escapes a string and surrounds it in quotes, according to the JSON encoding.
• json_unescape: Unescapes a string (include the quotes!) according to JSON encoding.
• base64_encode: Uses base64 to encode into base64
• base64_decode: Uses base64 to decode from base64
• md5_encode: Uses sha package to create md5 hash
• sha256_encode: Uses sha package to create sha256 hash
• sha512_encode: Uses sha package to create sha512 hash
• escape_regex: Escapes regex meta characters
• escape_like: Escapes SQL-LIKE meta characters
• safe_html_entitize: Converts characters to their HTML entity, but preserves HTML reserved characters
• safe_html_deentitize: Converts HTML entities to a character, but preserves HTML reserved characters
• xml_entitize: Converts characters to their XML entity
• xml_deentitize: Converts XML entities to a character

這真的滿神奇的小工具，AStyle Formatter 預設會讓第一個大括號停在 if 或 fuction 的同一行。如果想讓第1個左大括號下去單獨一行需要修改設定值。

SublimeAStyleFormatter is a simple code formatter plugin for Sublime Text. It provides ability to format C, C++, Cuda-C++, OpenCL, Arduino, C#, and Java files.

原作者的github:
https://github.com/akof1314/CoolFormat

CoolFormat 在 windows 平台上，使用上都沒問題，但在macOS 上做 format，就會卡關.

建議改用：Prettierd Format
https://packagecontrol.io/packages/Prettierd%20Format

使用 prettierd format 前一定要先安裝元件, 否則在存檔時會出現錯誤訊息:

In order to start using this plugin, you must install prettierd globally, either using npm/yarn/pnpm:

  npm i -g @fsouza/prettierd

or homebrew on macOS:

  brew install fsouza/prettierd/prettierd

Then, format on save will be enabled by default for all files supported by Prettier out-of-the-box.

### Commands:

• Prettierd: Format

Prettierd Format 使用起來也怪怪的，預設居然存檔會 format 一次！

解法很簡單，Formatter settings can be accessed from: Preferences > Package Settings > Prettierd Format > Settings，設定存檔時不要自動 format

"format_on_save": false

改用 Formatter
https://github.com/bitst0rm-pub/Formatter

Formatter 感覺是很強沒錯，但觸發要用右鍵，不太直覺，希望都可以用鍵盤來解決。

設定方式：
https://packagecontrol.io/packages/Formatter

Formatter settings can be accessed from: Preferences > Package Settings > Formatter > Settings

The following setting details – along with their default values and examples – are provided to guide you on how to set it up.

Formatter.sublime-settings

{
    "debug": "status",

    "auto_format": {
        "config": {
            "format_on_save": false,
            "format_on_paste": false
        },
        "json": {
            "uid": "jsbeautifier"
        },
        "html": {
            "uid": "jsbeautifier",
            "exclude_syntaxes": {
                "html": ["markdown"]
            }
        },
        "python": {
            "uid": "autopep8"
        }
    },

    "formatters": {}
}

如果想用 Fomatter 格式化 html 格式，需要安裝：

滿神奇的，在 sublime 安裝完 js-beautifier ，使用 cmd + shift + p, 輸入 html 就會看到 html prettify, 可以格式化 html.

如果想用 Formatter 格式化 java, 有這幾個解法：

改用 JsFormat
https://github.com/jdavisclark/JsFormat

在 macOS 上，似乎 JsFormat 用起來是比較順手。

Settings

JsFormat uses whatever tab/indent settings are configured with the standard translate_tabs_to_spaces and tab_size sublime settings.

The following JsBeautifier settings are available in JsFormat/JsFormat.sublime-settings (defaults shown below). Check out the official jsbeautifier documentation for more details on the options:

• indent_with_tabs: false
• max_preserve_newlines: 4
• preserve_newlines: true
• space_in_paren: false
• jslint_happy: false
• brace_style: “collapse”
• keep_array_indentation: false
• keep_function_indentation: false
• eval_code: false,
• unescape_strings: false,
• break_chained_methods: false*
• e4x: false
• wrap_line_length: 0
• space_after_anon_function: false

The following JsFormat specific settings are also exposed:

• format_on_save: false (format files on buffer save)
• format_on_save_extensions: [“js”, “json”]
• jsbeautifyrc_files: false (see the .jsbeautifyrc files section)

Mac 上的修改方式，先開啟檔案：

~/Library/Application Support/Sublime Text 3/Packages/SublimeAStyleFormatter/SublimeAStyleFormatter.sublime-settings：

{
// Please visit http://astyle.sourceforge.net/astyle.html for more information
"options_default": {
// Default bracket style
// Can be one of "allman", "bsd", "break", "java", "attach", "kr", "k&r",
// "k/r" "stroustrup", "whitesmith", "banner", "gnu", "linux", "horstmann",
// "1tbs", "otbs ", "google", "pico", "lisp", "python", "vtk", or null
// for default.
"style": "allman",
}
}

SublimeAStyleFormatter Plugin  的安裝方式：

用 Package Install 來安裝～

Sublime Text > Tools > Command Palette > Package Control: Install Package，

找到 SublimeAStyleFormatter 安裝～

SublimeAStyleFormatter Plugin  的使用方式：

選擇 Tools > Command Palette > SublimeAStyleFormatter: Format Current File，

就可以套用樣式了～

輸入 「format」就可以看到 command:

熱鍵是 Ctrl + Option + F

官方的貼心說明文件：

Usage

Key Bindings

The default key bindings for this plugin:

Windows, Linux:

• Ctrl+Alt+F: Format current file.
• Ctrl+K, Ctrl+F: Format current selection.

OSX:

• Ctrl+Alt+F: Format current file.
• ⌘+K, ⌘+F: Format current selection.

Command Palette

Open the command palette, it appears as SublimeAStyleFormatter: Format Current File and SublimeAStyleFormatter Format Current Selection.

Settings

Per-project Settings

Before starting, you may want to have a look at SublimeAStyleFormatter.sublime-settings.

To edit your project setting, select Project/Edit Project from main menu. A project setting contains per-project settings for SublimeAStyleFormatter should look like this:

{
    "settings":
    {
        "AStyleFormatter":
        {
        }
    }
}

For example, if you don’t want to inherit the default settings, instead, use your own astylerc file for C and C++ individually, then your project setting might look like this:

{
    // project folders, etc
    // ...
    // project settings
    "settings":
    {
        "AStyleFormatter":
        {
            "options_default":
            {
                // Use 2 spaces for indentation
                "indent": "spaces",
                "indent-spaces": 2
            },
            "options_c":
            {
                "use_only_additional_options": true,
                "additional_options_file": "/path/to/your/astylerc/for/c"
            },
            "options_c++":
            {
                "use_only_additional_options": true,
                "additional_options_file": "/path/to/your/astylerc/for/c++"
            }
        }
    }
}

version 2:

sudo ln -s "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~/bin/subl

應該沒人在用 2 了，應該都升到4 了。

version 3 / 4:

sudo ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/subl

不知道自己用的是  version 2 還是 version 3 就到 terminal 裡 ls 一下 /Applications 就知道了。

附註：用 sub 比 用 subl 效果好，因為可以少打一個單久，打久 sub 會習慣 sub.

說明：上面的2個sample 各別是 ln 到 ~/usr/bin  和 /usr/local/bin

應該是要到  /usr/local/bin 才對，但如果你沒有這個資料夾，可以先 mkdir 一下。

mkdir /usr/local/bin

from：

OS X Command Line
https://www.sublimetext.com/docs/2/osx_command_line.html

Launch Sublime Text 3 from the command line
http://olivierlacan.com/posts/launch-sublime-text-3-from-the-command-line/