解決Editor.md中Github emoji圖示無法顯示的問題

阿新 • • 發佈：2019-01-10

1. 前言

做專案的時候需要用到文件編輯器，再三思考後決定選用Editor.md畢竟國產，而且開源簡直誠意十足。但是在配置的時候出現了一些問題，下面就將我出現的問題記錄下，並提供解決方案供大家檢視。

2. Editor.md的基本使用

3. 在專案中使用基本功能的配置

需要新增到專案中的檔案

這裡寫圖片描述

截圖中標出的部分需要拷貝到相應的資料夾中。除此之外還有一個jquery-min.js檔案，該檔案在/example/js/資料夾中，然後下圖是我的專案結構。

專案結構示例
這裡寫圖片描述

4. 下載emoji表情包

原來專案中使用的是http://www.emoji-cheat-sheet.com

網站的表情包，不知道怎麼回事反正就是不顯示了，沒辦法只能將表情包下載到本地了。

將下載的表情包解壓放在下圖所示的資料夾中：
這裡寫圖片描述

5. 修改editormd.js檔案

替換內容
這裡寫圖片描述

6. 測試

新建一個html檔案拷貝以下內容

<!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;"> 
# 請輸入標題</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>

執行截圖
這裡寫圖片描述

期待已久的emoji就出來啦~

沒有要到授權，如果原Po介意的話請聯絡我喲！

解決Editor.md中Github emoji圖示無法顯示的問題

1. 前言做專案的時候需要用到文件編輯器，再三思考後決定選用Editor.md畢竟國產，而且開源簡直誠意十足。但是在配置的時候出現了一些問題，下面就將我出現的問題記錄下，並提供解決方案供大家檢視。 2. Editor.md的基本使用 3. 在

Bootstrap—解決引入本地Bootstrap檔案字型圖示無法顯示問題

你在使用bootstrap字型圖示的時候，是否遇到引用本地Bootstrap檔案無法顯示字型圖示，而使用CDN伺服器上bootstrap卻能正常顯示的問題。在不能正常顯示的時候，比如我要在一個按鈕中使用一個√的字型圖示，我的程式碼是這樣子的： <!doctype h

解決Editor.md通過程式碼塊原樣輸出Emoji被強制解析問題

Editor.md是一款優秀的開源Markdown 編輯器，在使用中遇到的一些問題和功能改進分享給需要的夥伴。專案地址 https://github.com/pandao/editor.md 問題在Editor.md中，如果要輸出表情，我們只需要通過程式碼 :smiley: 就可以輸出。

Fedora桌面系統Idea中的部分中文無法顯示解決

color linux 發現 jetbrains style 字體安裝完成 ont 完成在Linux 桌面開發已經有一段時間了，個人用的是最新的Fedora ，裝上idea後，寫代碼再加中文註釋的時候發現部分漢字打不出來，刪除的時候發現漢字占著位，只是顯示不出來，最初以

解決vue-router中this.$router.oush無法在新窗口中打開

新窗口 lan HR role ons room AS ref course 解決vue-router中this.$router.oush無法在新窗口中打開 let routeData = this.$router.resolve({ path: ‘/consult‘,

解決iview選單使用iconfont圖示無法顯示的問題

寫在前面：首先，我出現問題的場景是使用在導航選單上，即 Menu Item；其次，我是使用json檔案遞迴生成的選單列表，在meta屬性中設定的icon；今天在使用iconfont的圖示作為選單的圖示時發現總是顯示成方框框使用方法和設定Butt

win10下 SVN GIT 圖示無法顯示解決方法

針對類似問題，網上基本都是在註冊標準新增空格，使優先順序提前。下面的方法不妨試一下。按Win+R鍵開啟執行對話方塊，輸入 regedit ，開啟登錄檔；找到 HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\Cur

latex 中許多數學符號無法顯示（解決辦法）

引入巨集包：/usepackage{txfonts} 這樣的話就能表示：：=這類特殊的數學符號。如果還不行在新增 /usepackage{amsmath} /usepackage{amssymb} /usepackage{amsthm}

springboot 中favicon.ico 圖示不顯示問題，後臺日誌報錯找不到favicon.ico 檔案問題解決

重構框架的時候發現這個問題在伺服器上發現已訪問就會出現favicon.ico 找不到的日誌，開始也是在網上找方案，找問題，結果都不是很符合心意。我個人感覺還是配置攔截器的問題，先貼程式碼。然後真的是攔截器問題 /** * 註冊攔截器 */

Python matplotlib pyplot中title() xlabel() ylabel()無法顯示在中文（方框亂碼）的解決辦法

Python matplotlib包其實是支援unicode的，但是我在實驗中無法正常顯示中文，比如說在pyplot.title()中輸出中文，我試過以下幾種方法均不奏效： pyplot.title('中文') pyplot.title("中文") pyplot.title

解決網頁ICON圖示無法顯示的問題

第一步：檢查下“<link rel="shortcut icon" href="http://www.bhcode.net/favicon.ico" type="image/x-icon" />”這段程式碼是否有書寫錯誤還有另外3種寫法，可以根據個人喜

解決雙系統中格式化Ubuntu後無法啟動Windows

其實這個問題還是比較簡單的，原因就是安裝Ubuntu之後，MBR裡的內容被修改了，指向了Ubuntu的Grub，不再是XP的GRub了。此時 Ubuntu裡的Grub可同時引導XP和Ub

解決Ubuntu18.04中滑鼠右鍵無法貼上Windows下內容的方法

在使用ubuntu18.04進行與Windows下檔案內容的拷貝的過程中，發現使用快捷鍵無效，在終端上使用右鍵可以複製、貼上，但是在vim中，進行復制、貼上無法完成，最後的解決辦法如下：在virtual box中，在設定下面的儲存中勾上下面的選項重啟虛擬

Matplotlib pyplot中title() xlabel() ylabel()無法顯示中文（即顯示方框亂碼）的解決辦法

有趣的事，Python永遠不會缺席！如需轉發，請註明出處：小婷兒的python https://www.cnblogs.com/xxtalhr/p/11020246.html 一、無法正常顯示原因

解決Myeclipse在調試(debug)時無法顯示變量值問題

ont -m mod round con ack style gen 源代碼編譯解決Myeclipse在調試(debug)時無法顯示變量值問題突然發現myeclipse在調試時當鼠標放在變量上面時無法顯示變量值了 ct

Python 中，matplotlib繪圖無法顯示中文的問題

face blank pop false nbsp star view start 顯示中文在python中，默認情況下是無法顯示中文的，如下代碼： [python] view plain copy import matplotlib.pyp

解決ajax獲取到資料放到echarts無法顯示的問題

後臺部分程式碼： returnMap.put("powerLevelCategories", powerLevelCategories); returnMap.put("powerLevelSeries", powerLeve

Firfox：bootstrap小圖示無法顯示

正在做畢設，準備用bootstrap來寫後臺管理系統，既方便有美觀在使用bootstrap圖示時，出現了問題，顯示如下：原本是個垃圾筐的圖示，現在顯示錯誤了。以為是庫沒連好，結果ie顯示

解決 Maya2018 for Mac 在Sierra 下無法顯示中文介面的問題

不知道為什麼自己明明下載的中文版的Maya，在mac安裝好卻成了英文的了。在網上找了一圈，找到了解決辦法：原貼地址儲存以下程式碼到:maya.py，檔案中#encoding:utf-8 import os import sys import re _CONTENTS_DI

Python寫入txt檔案中的中文Unicode無法顯示為中文

上圖中的 s1 和 s2 本身就是Unicode，所以直接Print可以輸出中文，森林狼和老鷹上圖為程式碼圖，以上代買是正確的！！！可得如下正確結果。 team == “老鷹” 但是，整個晚上5個小時，都在處理的一個問題是，因為中文的Unicode無法輸出

解決Editor.md中Github emoji圖示無法顯示的問題

1. 前言

2. Editor.md的基本使用

3. 在專案中使用基本功能的配置

4. 下載emoji表情包

5. 修改editormd.js檔案

6. 測試

相關推薦