keystonejs富文本問題及思考過程

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

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

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

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

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

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

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

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

備注

默認的樣式：

官方配置示例：

云服務器 GPU云服務器富文本百度富文本讀取富文本 php富文本設計

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

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/19202.html

keystonejs富文本問題及思考過程

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

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

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

ckllj 2019-08-01 18:41 評論0 收藏0
前端_JavaScript

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

Benedict Evans 2019-08-26 11:39 評論0 收藏0
js框架或者庫

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

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

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

daydream 2019-08-01 15:51 評論0 收藏0