前言

介紹一款 markdown富文本編輯器

源碼

https://gitee.com/pingfanrenbiji/markdown-nice

這里要感謝一些開源作者 這位大佬的微信公眾號是

本地啟動

yarn?start
http://localhost:3000/

編譯打包

yarn?build

編譯之后的靜態(tài)文件

將項目靜態(tài)文件上傳到web服務(wù)器

可以通過tomcat 或 nginx部署 當(dāng)然也可以通過寶塔進行部署

具體的步驟過程可以參考我之前發(fā)過的一篇文章

通過運維神器"寶塔"搭建讀者交流社區(qū)discuz-q

下面咱看看如果利用寶塔這個工具來部署咱們的這個項目

首先需要有一個域名(自己用的話 服務(wù)器外網(wǎng)IP也可以)

我之前申請了一個域名 www.pingfanrenbiji.club 這個是我的論壇

基于此 我再創(chuàng)建一個二級域名

mdnice.pingfanrenbiji.club

創(chuàng)建的過程非常簡單 登陸阿里云域名管理平臺

登陸寶塔創(chuàng)建一個網(wǎng)站 并配置nginx服務(wù)器 上傳項目靜態(tài)文件即可

創(chuàng)建一個網(wǎng)站

選擇文件將剛才項目靜態(tài)文件上傳

配置文件訪問目錄

配置nginx

location?/?{
??try_files?$uri?$uri/?/index.php?$query_string;
}
gzip?on;
gzip_min_length?1024;
gzip_types?text/css?application/x-javascript?application/javascript?application/vnd.api+json;
gzip_disable?"MSIE?[1-6]\.";
gzip_comp_level?2;

配置下圖床

圖床 故名思義 存儲上傳的圖片的地方

這里我選擇將圖片放在了gitee上

那么需要在gitee上創(chuàng)建一個私鑰token

在markdown中配置下這個token即可

創(chuàng)建gitee token

先創(chuàng)建一個項目 用于存放上傳的圖片

創(chuàng)建一個私人令牌

將這個token配置到mark down中

這樣就可以把圖片上傳到gitee上了

訪問

截止此 我們已經(jīng)創(chuàng)建了一個 域名 并創(chuàng)建了一個該域名的網(wǎng)站 下面就可以訪問了

http://mdnice.pingfanrenbiji.club/

結(jié)語

• 表情包制作工具

最后推薦大家一個好玩的表情包制作工具

https://www.52doutu.cn/maker/

這里有大量好玩的表情包

• 論壇交流工具

www.pingfanrenbiji.club

• markdown 發(fā)文工具

http://mdnice.pingfanrenbiji.club/

總結(jié)

以上是生活随笔為你收集整理的js富文本编辑器_自制富文本编辑器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。