1. 程式人生 > >用markdown.js解析markdown時,設定圖片大小

用markdown.js解析markdown時,設定圖片大小

markdown設定圖片大小

打算在網頁上顯示.md文件,發現可以用markdown.js實現,具體看這篇文章:
實現網頁客戶端實時自動解析Markdown為HTML內容
abc
可是發現不能調整圖片大小,好像markdown本身就沒有考慮這個問題。要麼找一個支援引數的圖床,比如七牛。要麼,自己改改markdown.js。
我發現插入圖片時有個“optional title”選項,那就用它了。原來的程式碼如下:

if ( m[4] !== undefined)
        attrs.title = m[4];

修改為:

if ( m[4] !== undefined)
{
    var
ss = m[4]; if(ss.indexOf("*")>=0) { var tmp=ss.split("*"); attrs.width = tmp[0]; attrs.height = tmp[1]; }else attrs.title = m[4];

在插入圖片時,”optional title”填”300*400”代表寬300高400。正常解析為title,用修改過的js解析為尺寸。

相關推薦

markdown.js解析markdown設定圖片大小

markdown設定圖片大小 打算在網頁上顯示.md文件,發現可以用markdown.js實現,具體看這篇文章: 實現網頁客戶端實時自動解析Markdown為HTML內容 可是發現不能調整圖片大小,好像markdown本身就沒有考慮這個問題。要麼找

JavaPOI讀取解析Excel遇到科學計數法的解決方法

在匯入excel2003或者2007的時候難免會遇到某些單元格雖然是文字數字,但是使用java的poi來解析時會出現科學計算形式,下面我們看怎麼去掉這種格式,以文字來顯示: 1、導包 <!-- https://mvnrepository.com/artifact/org.apa

markdown寫csdn部落格改變圖片大小

1,在markdown編輯頁面,上傳圖片,獲得連結。如: ![這裡寫圖片描述](https://img-blog.csdn.net/20180226163056873?watermark/2/te

js解析Excel檔案解析後的資料Echarts折線圖展示

不多說了,直接上程式碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js解析Excel</title> <

使用strapdown.js解析markdown

在知道markdown之前一直覺得像csdn部落格這種網站頁面很高大上,比如文字格式、新增程式碼塊等,也以為很難實現,後來才知道有markdown,這樣實現這些就so easy,但是我這個人還是太懶了,不想自己寫markdown翻譯的程式碼,就用了strapdown.js這

nohup執行python程序print無法輸出

知識庫 ase str 輸出 bsp word 啟用 python test nohup Python test.py > nohup.out 2>&1 & 發現nohup.out中顯示不出來python程序中print的東西。 這是因為pyt

eclipse下使用git提交程式碼設定忽略不需要提交的檔案

eclipse下使用git提交程式碼時,有很多檔案是不需要提交的,例如:target目錄下的檔案和classes下的檔案都不需要提交。 這裡講解一下如何忽略不必要的檔案。 方案一: 為專案新增.gitignore檔案,在該檔案中配置需要忽略的檔案。(Eclips

VUE-003-前端表格資料展示設定單元格(el-table-column)保留空格和換行

在使用 el-table 展示資料時,單元格中的資料有可能存在空格和換行符,若不進行設定,瀏覽器預設會取消空格和換行符,如下所示:   解決方法: 將單元格的樣式 “white-space” 屬性設定為“pre-wrap” 即可解決。在VUE頁面中新增如下樣式設定 1

程序鎖在螢幕列印資料多程序

from multiprocessing import Process, Lockdef f(l, i): #l.acquire() print('hello world', i) #l.release()if __name__ == '__main__': lock = Lock()

scrapy 下爬取不同的網站使用同一個settings設定自己的settings各個引數

比如有project1,和project2兩個網站要爬取,第一個網站已經使用了settings中的配置,那麼project2的配置需要在project2.py中自定義,如下,放到custom_settings 這個字典裡: custom_settings = { 'ITEM_PIPEL

JS獲取URL引數設定URL引數

//獲取url中的引數 function getURLArg(url,name) {     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構造一個含有目標引數的正則表示式物件 &nbs

不同瀏覽器下載檔案設定檔名

public String setFileDownloadHeader(HttpServletRequest request, String fileName) throws UnsupportedEncodingException { final String agent =

四階魔方三階魔方公式兩個特殊情況處理方式(頂面十字、最後一步)

四階魔方的玩法比較簡單的,就是把他變成三階魔方,然後用三階魔方公式還原: 1、先按照面與面的對應關係,把6個面的中心4個塊拼好。因為四階魔方面與面的對應不是固定的,所以要看角塊的顏色分佈,來判斷面與面對應關係(比如一個角塊顏色是紅、綠、黃,那麼這三個顏色肯定是彼此相鄰的,不會是對立面)。還原結果

layui中radio的動態載入(進入修改頁面設定radio)

動態設定   radio  的值讓它處於選中狀態 效果圖 : 前端程式碼: <div class="layui-form-item"> <label class="layui-form-label">狀態</label>

同時使用vue.js和jqueryjq事件無響應解決辦法

先載入vue.js,讓頁面渲染完成後載入jq,給jq繫結ready事件 $(document).ready(function(){ $(function() { //jq事件 }); }); 更新 ……ready載入太玄學了,測試3/10的

dotTrace 進行效能分析各種不同效能分析選項的含義和用途

對 .NET 程式進行效能分析,dotTrace 能應對絕大多數的場景。在開啟一個程序進行效能分析之前,我們會看到一些效能分析選項(Profiler Options)。本文將介紹這幾個選項的含義,並用實際的例子來說明其用途。 本文內容

js拼接字串字串首出現undefined的問題

undefined是說明你所使用的物件未定義。 例如: var str; str += "go to school"; console.log(str); //輸出undefinedgotoshchod123

Beyond Compare比較文字忽略不重要文字的方法

Beyond Compare是一款好用的文字比較工具,可以比較純文字檔案、原始碼和HTML,Word文件、Adobe和pdf檔案。在使用Beyond Compare比較文字檔案時,有些不重要的文字差異其實是可以直接忽略。 忽略次要差異: 1、執行Beyond Compare,選擇文字比較會話,單擊“開啟檔

JS建立表格如何設定colspan屬性?

今天在複習時發現了一個問題,就是我用createElement() 方法建立一個td元素時,我想改變的 td 的 colspan=‘2’,建立完後手動新增 td.colspan='2'; 瀏覽器沒有給我反饋。查閱資料後發現應該這樣加 td.colSpan=

vue.js的v-forv-ifcomputed寫一個分頁樣式

在學Vue,總想寫個分頁,先寫了一個樣式。 主要看思路: 思路簡單,得到總頁數,判斷總頁數,迴圈。 先判斷總頁數是否需要分頁,總頁數==1頁就不分了。 再判斷總頁數<11就不用……。 總頁數>11,就要用到1…… 678 …… 末頁 通過v-if 判斷,通過v-for迴圈。 效果圖: 程式碼如