csdn 博客代碼塊顯示覆制按鈕與背景色設置

有些初步使用 csdn 博客寫文章的朋友不知道怎樣寫代碼既有高亮,又有複製按鈕。
在此把使用方法分享一下。

 csdn 的編輯器是分爲 MarkDown編輯器HTML編輯器

 

MarkDown編輯器,只有代碼高亮,但是沒有複製按鈕。
HTML編輯器,纔有代碼高亮,又有複製按鈕

在此簡單介紹一下HTML編輯器怎樣實現複製按鈕功能,按圖操作即可
首先,新打開一個HTML編輯
圖1


圖2(選擇你所插入的語言,確定即可)

圖3(點擊右上角回車標誌可插入段落)

展示如下
 

<div class="page-foot">
        <div class="form-actions">
            <button type="submit" class="wui-btn big-padding wui-btn-primary"
                id="btnSubmit">保存</button>
            <button type="button" class="wui-btn big-padding" id="btnClose">關閉</button>
        </div>
    </div>

如果是常寫代碼類的博友最好 在 “博客設置” 處設置默認編制爲“富文本編輯器”

最後,如果你想設置黑色背景也可在代碼樣式中選擇你喜歡的。 

 

哈,其實我是也剛學會,就總結一下!!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章