編輯器對編輯內容中的表格、引用區域、代碼區域做了默認的樣式處理。如果想要自定義這些區域的樣式，可通過在`html`頁面中增加以下樣式來修改： ```css .wangEditor-container .wangEditor-txt blockquote { /* 在此自定義引用區域樣式 */ } .wangEditor-container .wangEditor-txt table { /* 在此表格樣式 */ } .wangEditor-container .wangEditor-txt table td, .wangEditor-container .wangEditor-txt table th { /* 在此表格樣式 */ } .wangEditor-container .wangEditor-txt pre { /* 在此代碼區域樣式 */ } ``` **注意：以上`css`選擇器要按照代碼示例中編寫，否則無效。** ---- wangEditor 默認的這些區域的樣式，可以在下載的文件中找到 `wangEditor.css` 然后搜索 `blockquote` `table` `pre` 等這些關鍵字找到。 例如（**具體以搜索的結果為準**） ```css .wangEditor-container .wangEditor-txt blockquote { display: block; border-left: 8px solid #d0e5f2; padding: 5px 10px; margin: 10px 0; line-height: 1.4; font-size: 100%; background-color: #f1f1f1; } .wangEditor-container .wangEditor-txt table { border: none; border-collapse: collapse; } .wangEditor-container .wangEditor-txt table td, .wangEditor-container .wangEditor-txt table th { border: 1px solid #f1f1f1; padding: 3px 5px; min-width: 50px; height: 20px; } .wangEditor-container .wangEditor-txt pre { border: 1px solid #ccc; background-color: #f8f8f8; padding: 10px; margin: 5px 0px; font-size: 0.8em; border-radius: 3px; } ```