半暖商城番外篇--解決Editor.md中emoji圖標(biāo)無法顯示的問題

1. 前言

做項(xiàng)目的時(shí)候需要用到文檔編輯器锐墙,再三思考后決定選用Editor.md畢竟國產(chǎn)华匾,而且開源簡直誠意十足皿哨。但是在配置的時(shí)候出現(xiàn)了一些問題浅侨,下面就將我出現(xiàn)的問題記錄下,并提供解決方案供大家查看证膨。

2. Editor.md的基本使用

首先到Editor.md-Github去下載最新的版本如输。

3. 在項(xiàng)目中使用基本功能的配置

需要添加到項(xiàng)目中的文件
需要添加到項(xiàng)目中的文件

截圖中標(biāo)出的部分需要拷貝到相應(yīng)的文件夾中。除此之外還有一個(gè)jquery-min.js文件,該文件在/example/js/文件夾中不见,然后下圖是我的項(xiàng)目結(jié)構(gòu)澳化。

項(xiàng)目結(jié)構(gòu)示例
項(xiàng)目結(jié)構(gòu)示例

4. 下載emoji表情包

原來項(xiàng)目中使用的是http://www.emoji-cheat-sheet.com網(wǎng)站的表情包,不知道怎么回事反正就是不顯示了稳吮,沒辦法只能將表情包下載到本地了缎谷。

emoji表情包地址

將下載的表情包解壓放在下圖所示的文件夾中:

emoji表情包放在這里
emoji表情包放在這里

5. 修改editormd.js文件

找到下圖的中的位置,將原來的http://www.emoji-cheat-sheet.com/graphics/emojis/替換為此時(shí)紅色標(biāo)記區(qū)域的內(nèi)容

替換內(nèi)容
替換內(nèi)容

6. 測試

新建一個(gè)html文件拷貝以下內(nèi)容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Simple example - Editor.md examples</title>
    <link rel="stylesheet" href="../css/style.css"/>
    <link rel="stylesheet" href="../css/editormd.css"/>
</head>
<body>
<div id="container">
    <div id="mdEditor" class="editormd">
        <textarea class="editormd-markdown-textarea" name="markdown-area" style="display:none;"># 請輸入標(biāo)題</textarea>
        <textarea class="editormd-html-textarea" name="html-area"></textarea>
    </div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/editormd.js"></script>
<script type="text/javascript">
    var editor;
    $(function () {
        editor = editormd("mdEditor", {
            width: "90%",
            height: 640,
            syncScrolling: "single",
            path: "../lib/",
            emoji:true
        });
    });
</script>
</body>
</html>

運(yùn)行截圖

期待已久的emoji就出來啦
期待已久的emoji就出來啦
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末灶似,一起剝皮案震驚了整個(gè)濱河市列林,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌酪惭,老刑警劉巖希痴,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異春感,居然都是意外死亡润梯,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門甥厦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來纺铭,“玉大人,你說我怎么就攤上這事刀疙〔芭猓” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵谦秧,是天一觀的道長竟纳。 經(jīng)常有香客問我,道長疚鲤,這世上最難降的妖魔是什么锥累? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮集歇,結(jié)果婚禮上桶略,老公的妹妹穿的比我還像新娘。我一直安慰自己诲宇,他們只是感情好际歼,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著姑蓝,像睡著了一般鹅心。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上纺荧,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天旭愧,我揣著相機(jī)與錄音颅筋,去河邊找鬼。 笑死输枯,一個(gè)胖子當(dāng)著我的面吹牛议泵,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播用押,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼肢簿,長吁一口氣:“原來是場噩夢啊……” “哼靶剑!你這毒婦竟也來了蜻拨?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤桩引,失蹤者是張志新(化名)和其女友劉穎缎讼,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體坑匠,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡血崭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了厘灼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夹纫。...
    茶點(diǎn)故事閱讀 40,865評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖设凹,靈堂內(nèi)的尸體忽然破棺而出舰讹,到底是詐尸還是另有隱情,我是刑警寧澤闪朱,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布月匣,位于F島的核電站,受9級特大地震影響奋姿,放射性物質(zhì)發(fā)生泄漏锄开。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一称诗、第九天 我趴在偏房一處隱蔽的房頂上張望萍悴。 院中可真熱鬧,春花似錦寓免、人聲如沸退腥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽狡刘。三九已至,卻和暖如春困鸥,著一層夾襖步出監(jiān)牢的瞬間嗅蔬,已是汗流浹背剑按。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留澜术,地道東北人艺蝴。 一個(gè)月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像鸟废,于是被迫代替她去往敵國和親猜敢。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容