在Emacs中进行有效的拼写检查

HTML中的拼写检查

拼写检查的范围包括:

html标签之间的文本，如 <label>Please input email</label>
html输入控件的值，如 <input type"text" Value "Please input your name">
CSS类名,如 <div class"btn btn-default" />=

我的配置如下:

;; {{ flyspell setup for web-mode
(defun web-mode-flyspell-verify ()
  (let* ((f (get-text-property (- (point) 1) 'face))
         rlt)
    (cond
     ;; Check the words with these font faces, possibly.
     ;; this *blacklist* will be tweaked in next condition
     ((not (memq f '(web-mode-html-attr-value-face
                     web-mode-html-tag-face
                     web-mode-html-attr-name-face
                     web-mode-constant-face
                     web-mode-doctype-face
                     web-mode-keyword-face
                     web-mode-comment-face ;; focus on get html label right
                     web-mode-function-name-face
                     web-mode-variable-name-face
                     web-mode-css-property-name-face
                     web-mode-css-selector-face
                     web-mode-css-color-face
                     web-mode-type-face
                     web-mode-block-control-face)))
      (setq rlt t))
     ;; check attribute value under certain conditions
     ((memq f '(web-mode-html-attr-value-face))
      (save-excursion
        (search-backward-regexp "=['\"]" (line-beginning-position) t)
        (backward-char)
        (setq rlt (string-match "^\\(value\\|class\\|ng[A-Za-z0-9-]*\\)$"
                                (thing-at-point 'symbol)))))
     ;; finalize the blacklist
     (t
      (setq rlt nil)))
    rlt))
(put 'web-mode 'flyspell-mode-predicate 'web-mode-flyspell-verify)
;; }}

我使用web-mode来编辑HTML文件。但该技术也适用于其他模式(如php模式、html模式等).

不要将doubleon(双词)显示为错误

Modern CSS frameworks like Bootstrap make doublon unavoidable. For example, CSS class name btn btn-default contains double word btn. 在Bootstrap这样的现代CSS框架中，使得doublon不可避免。例如，CSS类名 btn btn-default 就包含双单词=btn=。

因此,我们不能在HTML中将doublon显示为错误，

(defvar flyspell-check-doublon t
  "Check doublon (double word) when calling `flyspell-highlight-incorrect-region'.")
(make-variable-buffer-local 'flyspell-check-doublon)

(defadvice flyspell-highlight-incorrect-region (around flyspell-highlight-incorrect-region-hack activate)
  (if (or flyspell-check-doublon (not (eq 'doublon (ad-get-arg 2))))
      ad-do-it))

(defun web-mode-hook-setup ()
  (flyspell-mode 1)
  (setq flyspell-check-doublon nil))

(add-hook 'web-mode-hook 'web-mode-hook-setup)

驼峰字符串的拼写检查

当且仅当使用aspell时，我们才可以检查驼峰格式的字符串/变量/函数。

将下面的代码插入 .emacs 中，

;; if (aspell installed) { use aspell}
;; else if (hunspell installed) { use hunspell }
;; whatever spell checker I use, I always use English dictionary
;; I prefer use aspell because:
;; 1. aspell is older
;; 2. looks Kevin Atkinson still get some road map for aspell:
;; @see http://lists.gnu.org/archive/html/aspell-announce/2011-09/msg00000.html
(setq ispell-program-name "aspell"
      ;; force the English dictionary, support Camel Case spelling check (tested with aspell 0.6)
      ispell-extra-args '("--sug-mode=ultra" "--lang=en_US" "--run-together")

总结

EmacsWiki 建议使用 (flyspell-prog-mode) 只检查注释中的错字。

但正如我再次所展现的，Emacs给了您充分的自由来设计一个“不同的”解决方案。

屏幕截图如下(拼写错误有下划线):

Javascript和ReactJS设置(可选)

如果你完全理解了我前面的部分，那么你无需阅读这部分。