keystonejs富文本問題及思考過程

callmewhy 發(fā)布于2019-06-26 17:35 / 1680人閱讀

摘要：上一篇講了的環(huán)境搭建，跑起來之后，實(shí)際運(yùn)用中會(huì)發(fā)現(xiàn)各種問題，今天就說下富文本編輯器的問題針對(duì)后端不熟的同學(xué)。那就開始重點(diǎn)搜開源的，支持的富文本編輯器，結(jié)果找到了，大概看了下，還是蠻豐富的。

上一篇講了keystonejs的環(huán)境搭建，helloworld跑起來之后，實(shí)際運(yùn)用中會(huì)發(fā)現(xiàn)各種問題，今天就說下富文本編輯器的問題（針對(duì)后端不熟的同學(xué)）。

不太熟悉網(wǎng)頁(yè)嵌入富文本編輯器的同學(xué)可能和我一樣，當(dāng)實(shí)際發(fā)博文的時(shí)候，發(fā)現(xiàn)默認(rèn)的編輯器好簡(jiǎn)單，常用的h1,h2,分割線，代碼引用等沒有對(duì)應(yīng)的按鈕。怎么辦？我當(dāng)時(shí)的思考過程如下：

首先，認(rèn)為這是作者自己開發(fā)的簡(jiǎn)易文本編輯器，想豐富只能找其他的替代。那就開始重點(diǎn)搜開源的，支持markdown的js富文本編輯器，結(jié)果找到了Editor.md，大概看了下，還是蠻豐富的。

然后，開始改造吧，結(jié)果找了半天沒有找到對(duì)應(yīng)的代碼，后來才發(fā)現(xiàn)后臺(tái)admin部分的透明，項(xiàng)目下沒有后臺(tái)相關(guān)文件，真是“辛辛苦苦大半年，一朝回到解放前。”

再然后，想著要么改造系統(tǒng)級(jí)源碼，成本太高，要么放棄，折騰半天放棄，太可惜。難道這真的是“雞肋”嗎？不可能啊，star一萬多，還是先從自身找原因，繼續(xù)研究。

最后，在文檔配置模塊下找到了后臺(tái)UI配置（Configuration>Admin UI Options），原來作者是用的tinymce，keystonejs文檔給了簡(jiǎn)單的配置說明，詳細(xì)部分還是參考tinymce官方文檔。

備注

默認(rèn)的樣式：

官方配置示例：

云服務(wù)器 GPU云服務(wù)器富文本百度富文本讀取富文本 php富文本設(shè)計(jì)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/19202.html

相關(guān)文章

keystonejs富文本問題及思考過程

摘要：上一篇講了的環(huán)境搭建，跑起來之后，實(shí)際運(yùn)用中會(huì)發(fā)現(xiàn)各種問題，今天就說下富文本編輯器的問題針對(duì)后端不熟的同學(xué)。那就開始重點(diǎn)搜開源的，支持的富文本編輯器，結(jié)果找到了，大概看了下，還是蠻豐富的。上一篇講了keystonejs的環(huán)境搭建，helloworld跑起來之后，實(shí)際運(yùn)用中會(huì)發(fā)現(xiàn)各種問題，今天就說下富文本編輯器的問題（針對(duì)后端不熟的同學(xué)）。不太熟悉網(wǎng)頁(yè)嵌入富文本編輯器的同學(xué)可能和我一...

孫淑建 2019-08-22 15:23 評(píng)論0 收藏0
keystonejs富文本問題及思考過程

摘要：上一篇講了的環(huán)境搭建，跑起來之后，實(shí)際運(yùn)用中會(huì)發(fā)現(xiàn)各種問題，今天就說下富文本編輯器的問題針對(duì)后端不熟的同學(xué)。那就開始重點(diǎn)搜開源的，支持的富文本編輯器，結(jié)果找到了，大概看了下，還是蠻豐富的。上一篇講了keystonejs的環(huán)境搭建，helloworld跑起來之后，實(shí)際運(yùn)用中會(huì)發(fā)現(xiàn)各種問題，今天就說下富文本編輯器的問題（針對(duì)后端不熟的同學(xué)）。不太熟悉網(wǎng)頁(yè)嵌入富文本編輯器的同學(xué)可能和我一...

ckllj 2019-08-01 18:41 評(píng)論0 收藏0
前端_JavaScript

摘要：為此決定自研一個(gè)富文本編輯器。例如當(dāng)要轉(zhuǎn)化的對(duì)象有環(huán)存在時(shí)子節(jié)點(diǎn)屬性賦值了父節(jié)點(diǎn)的引用，為了關(guān)于函數(shù)式編程的思考作者李英杰，美團(tuán)金融前端團(tuán)隊(duì)成員。只有正確使用作用域，才能使用優(yōu)秀的設(shè)計(jì)模式，幫助你規(guī)避副作用。 JavaScript 專題之惰性函數(shù) JavaScript 專題系列第十五篇，講解惰性函數(shù) 需求我們現(xiàn)在需要寫一個(gè) foo 函數(shù)，這個(gè)函數(shù)返回首次調(diào)用時(shí)的 Date 對(duì)象，注意...

Benedict Evans 2019-08-26 11:39 評(píng)論0 收藏0
js框架或者庫(kù)

摘要：使用開發(fā)富文本編輯器是開源的開發(fā)富文本編輯器開發(fā)框架。提供了一系列開發(fā)富文本編輯器的工具。本文通過開發(fā)一些簡(jiǎn)單的富文本編輯器介紹提供的各種能力簡(jiǎn)單易用的開源動(dòng)畫圖標(biāo)庫(kù)如果你用過等圖標(biāo)，你可能會(huì)覺得它們很好看，用起來很很方便。使用 flv.js 做直播 flv.js 是來自 Bilibli 的開源項(xiàng)目。它解析 FLV 文件喂給原生 HTML5 Video 標(biāo)簽播放音視頻數(shù)據(jù)，使瀏覽器在...

Winer 2019-08-22 11:16 評(píng)論0 收藏0
微信小程序富文本解析wxParse Alpha0.1-支持HTML及markdown解析

摘要：本項(xiàng)目由微信小程序開發(fā)論壇會(huì)員開發(fā)原文地址垂直微信小程序開發(fā)交流社區(qū)加載慢，等等微信小程序富文本解析自定義組件，支持及解析可能是第一個(gè)微信小程序富文本解析組件代碼庫(kù)地址示例版使用地址現(xiàn)狀版本號(hào)目前還不太適合直接使用目前項(xiàng)目不本項(xiàng)目由微信小程序開發(fā)論壇-WeAppDev http://weappdev.com/ 會(huì)員開發(fā) 原文地址: http://weappdev.com/t/wxp...

daydream 2019-08-01 15:51 評(píng)論0 收藏0