CSDN markdown iconアイコン
4788 ワード
需要
CSDN Markdownエディタでブログを書くとき、よく使うiconアイコンを挿入したいのですが、対応するCSDN Markdownエディタでサポートされているiconアイコンのリストが見つからないので、自分で探してみるつもりです.
関連資料 CSDNオンラインエディタ オープンソースオンラインMarkdownエディタ stackedit.io stackedit.io github fontawesome.io
CSDN Markdownエディタのiconアイコン CSDNオンラインエディタの説明によると、stackedit.ioは修正されたが、 はさらに
暴力テストiconサポートリスト Pythonでfont demoのすべてのiconスタイルnameをキャプチャする. すべてのスタイルnameを に変更すべての
Pythonスクリプトすべてのiconスタイルnameをキャプチャ
結果は次のとおりです.
CSDN正常表示のiconスタイルname
key
value
icon-picture
icon-th-large
icon-th
icon-folder-open
icon-upload
icon-help
icon-lock
icon-lock-open
icon-hdd
icon-code
icon-pencil
icon-forward
icon-trash
icon-italic
icon-bold
icon-list
icon-check
icon-check-empty
icon-folder
icon-spinner
icon-chart-bar
icon-link
icon-file
icon-ellipsis-vert
以上のiconはエディタプレビュー画面では正常に表示できますが、ブログページでは表示できないようで、原因はしばらく分かりません.
CSDN Markdownエディタでブログを書くとき、よく使うiconアイコンを挿入したいのですが、対応するCSDN Markdownエディタでサポートされているiconアイコンのリストが見つからないので、自分で探してみるつもりです.
関連資料
CSDN Markdownエディタのiconアイコン
stackedit
の著者benweet
のStackEdit Iconsでの回答によると、stackedit
はfont demoページにリストされている100以上のiconをサポートしている.ただし、font demoの多くはCSDNに表示することができず、font demoとは個別に表示できる効果が異なる、例えば
なので、CSDN Markdownエディタのicon serverとstackeditを推定する.ioは違います.http://write.blog.csdn.net/mdeditor
というリンクに基づいて発見され、mdeditor
というオープンソースオンラインのMarkdownエディタを使用し、mdeditorの公式サイトでもCSDNがmdeditorのユーザーであることを発見することができる.暴力テストiconサポートリスト
スタイル
コードをCSDNエディタに貼り付け、正常に表示できるiconを表示する.Pythonスクリプトすべてのiconスタイルnameをキャプチャ
#coding:utf-8
import re
from urllib.request import urlopen
from bs4 import BeautifulSoup
html = urlopen("https://stackedit.io/res/libs/fontello/demo.html")
soup = BeautifulSoup(html.read(), "html.parser")
spanSoup = soup.find_all('span', attrs={'class': re.compile("(i-name)")})
for spanTag in spanSoup:
print ("" %spanTag.string)
結果は次のとおりです.
<i class='icon-pause'>i>
<i class='icon-glass'>i>
<i class='icon-music'>i>
<i class='icon-search'>i>
<i class='icon-mail'>i>
<i class='icon-mail-alt'>i>
<i class='icon-heart'>i>
<i class='icon-heart-empty'>i>
<i class='icon-star'>i>
...
CSDN正常表示のiconスタイルname
2017-12-18 10:03:11
key
value
icon-picture
icon-th-large
icon-th
icon-folder-open
icon-upload
icon-help
icon-lock
icon-lock-open
icon-hdd
icon-code
icon-pencil
icon-forward
icon-trash
icon-italic
icon-bold
icon-list
icon-check
icon-check-empty
icon-folder
icon-spinner
icon-chart-bar
icon-link
icon-file
icon-ellipsis-vert
以上のiconはエディタプレビュー画面では正常に表示できますが、ブログページでは表示できないようで、原因はしばらく分かりません.