[WordPress] HTML 文字編輯器樣式與功能修改

wordpress-html-text-editor-setting

# 文字編輯器 CSS:

文字編輯器的開發 CSS 路徑:wp-includes/css/editor.css
文字編輯器的壓縮 CSS 路徑:wp-includes/css/editor.min.css
(自行壓縮維護)

WordPress 文字編輯器可以透過下面這段 CSS 來修改它的顏色與字型,您可以依照個人喜好來改變其設定:

.wp-editor-container textarea.wp-editor-area {
  background-color: #000;
  color: #CCC;
  font-size: 18px;
}

https://blog.gtwang.org/wordpress/change-font-and-color-in-text-editor/


Quick Tags:

QuickTag-JS路徑:/wp-includes/js/quicktags.js

/* Customized */
 edButtons[11] = new qt.TagButton( 'h3', 'h3', '<h3>', '</h3>', '', '', '', { ariaLabel: quicktagsL10n.strong, ariaLabelClose: quicktagsL10n.strongClose } );
 edButtons[111] = new qt.TagButton( 'pre-code', 'pre-code', '<pre><code>', '</code></pre>', '', '', '', { ariaLabel: quicktagsL10n.code, ariaLabelClose: quicktagsL10n.codeClose } );
 edButtons[119] = new qt.TagButton( 'hr', 'hr', '<hr/>\n', '', '', '', '', { ariaLabel: quicktagsL10n.more } );

WP Quicktags API:

https://codex.wordpress.org/Quicktags_API

Leave a Reply

Your email address will not be published. Required fields are marked *