我嘗試使用 tinymce 制作可編輯的自定義樣式列表。列表項具有 Material-Check-Icons 作為要點。我將復選圖標添加為 css-pseudo-elements ::before。這很好用,但如果我將 tinymce (v5) 添加到列表中以使其可編輯,圖標就會消失。如何在 tinymce 內容中顯示列表圖標?...我已經嘗試將材料圖標庫添加到 content_css。<div id="editable"> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul></div>tinymce.init({ selector: '#editable', inline: true, content_css: ['https://fonts.googleapis.com/icon?family=Material+Icons']})#editable ul{ padding-left: 0; list-style-type: none;}#editable ul>li { padding-left: 25px; margin-top: 10px; position: relative;}#editable ul>li:before { content: "check"; font-family: Material Icons; position: absolute; left: 0; top: -2px; font-size: 17px; color: #3770d6;}在這里我做了一個codepen。
Tinymce 編輯器中不顯示圖標
動漫人物
2022-01-07 20:49:44