iT邦幫忙

0

editor | 如何寫一個自己的 editor ?（已解決）

jquery jquery3.1.1 javascript editor
火爆浪子 2018-09-06 10:05:09 ‧ 2272 瀏覽

  • 分享至 

  • xImage

我用太多套件，但是很多都有限制，或是一些我不需要的功能太多
我現在知道的 https://paper.dropbox.com/ 和 https://medium.com/
現在卡些問題是

問題1
怎麼樣像這兩個editor功能一樣
我圈起我要改變的字串後，可以浮現editor?

問題2
浮現editor後，能夠對圈起的字串做改變，例如加上 <h1> 或變粗體，加上 blockquote ？
這種原理是甚麼？可以怎麼做？

問題3
像這種可以即時顯示HTML的EDITOR，應該是用 div標籤的 contenteditable 實現？

ＰＳ我是寫來自用，所以不會開源，也不會往複雜發展

看更多先前的討論...收起先前的討論...
純真的人 iT邦大師 1 級 ‧ 2018-09-06 10:19:12 檢舉
難....
就像我想寫一個Window系統~
寫來系統自用...
froce iT邦大師 1 級 ‧ 2018-09-06 10:21:30 檢舉
你寫來不會開源，那我們幹嘛要教你怎麼寫？對我們又沒好處
Use the source, bro。
火爆浪子 iT邦研究生 1 級 ‧ 2018-09-06 10:22:38 檢舉
真假，我不是要那些功能，我只要簡單的而已，這樣自己沒辦法寫？
fuzzylee1688 iT邦研究生 3 級 ‧ 2018-09-06 10:59:30 檢舉
office word, wordpad, nodepad 你覺得那個簡單?? 要寫個底下.. 我要回答的web留言也不容易吧?? IT人要善用工具, 用別人的成果, 來增進自己的效能. 要成功自己要努力.. 不是問答案就能成功.
weiclin iT邦高手 4 級 ‧ 2018-09-06 11:51:07 檢舉
你所謂的簡單一點也不簡單, 原始碼都在這裡, 慢慢啃吧
https://github.com/yabwe/medium-editor
火爆浪子 iT邦研究生 1 級 ‧ 2018-09-06 13:30:57 檢舉
TO weiclin 所以這樣一點點功能就要那麼大的工程...
weiclin iT邦高手 4 級 ‧ 2018-09-06 17:03:49 檢舉
你可以寫寫看吧, 至少你提到的上面都有原始碼, 或是你試著精簡掉你不用的功能也行
火爆浪子 iT邦研究生 1 級 ‧ 2018-09-06 17:29:07 檢舉
我現在透過 execCommand 寫了一些基本 例如粗體 底線
登入發表討論
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22202 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙