最近兩周一直都在開發后台wcms系統的文本編輯器。在開發的過程中,感覺到開發富文本編輯器還是能學到不少東西的,接下來我會說說我個人是怎么開發的吧。因為我的編輯器要兼容自己的后台,所以修改了一些瀏覽器自身的方法。 開發富文本編輯器主要用到了document.execCommand( command ...
此文已由作者劉詩川授權網易雲社區發布。 歡迎訪問網易雲社區,了解更多網易技術產品運營經驗。 最近我們的產品有一個需求是要在PC端做一個面向用戶的書評編輯器,讓用戶和編輯在蝸牛讀書上能方便快捷的編輯和產出一些優質的文章,它的主要難點就是富文本編輯器部分。 這雖然是個業務需求,但是做業務的同時也要兼顧技術,所以在跟需求商量好不支持IE 之后,決定采用Vue來作為前端部分的技術架構。 前端架構 webp ...
2018-11-30 10:52 0 723 推薦指數:
最近兩周一直都在開發后台wcms系統的文本編輯器。在開發的過程中,感覺到開發富文本編輯器還是能學到不少東西的,接下來我會說說我個人是怎么開發的吧。因為我的編輯器要兼容自己的后台,所以修改了一些瀏覽器自身的方法。 開發富文本編輯器主要用到了document.execCommand( command ...
混淆工具 proguard 前后接觸一段時間了,差不多了是明白了,不過遇到很多坑,差點被跳不出來坑了!真的難學啊! 真是是太難了; 教訓1 ServerKeyStore 是kotlin類,不能 進行普通的混淆。 原因分析:反編譯可以看到ServerKeyStore ...
寫在前頭的話 在react中去尋找一個好用的富文本編輯器網上很少有推薦的,搜到的也只有一些個人不成熟的作品,慢慢發現網上比較推薦的一個東東叫做draft.js。 這個東西在網上可以找到的教程也是手指頭可以數到的,但是出來一年多了,使用者比較少的原因主要還是很難用。 1. 它需要你理解 ...
一、題外話 最近負責了一個cms網站的運維,里面存在很多和編輯器有關的問題,比如編輯一些新聞博客,論文模塊。系統采用的是FCKEditor,自我感覺不是很好,如下圖 特別是在用戶想插入一個圖片的話,就很麻煩,所有用戶共享一個文件目錄,這樣就不好了,於是便想到了TinyMCE編輯器,博客園默認 ...
富文本編輯器的開發主要使用到東西如下: 1、iframe 2、將iframe的designMode設置為'on' 3、將iframe的contentEditable設置為true 4、獲取iframe對象的contentDocument(注意兼容性 ...
有點懶,不整理了 以下轉載 --------------------- 從雲開始 使用tinyMCE最好的方式是使用雲部署的方式。你需要通過注冊的方式,得到一個apiKey,並 ...
說到富文本編輯器,不由我不想到 office word. word直到現在應該算是最多人使用的文本編輯器啦.她的功能真是無比強大,使用的體驗性非常好.到后來出現的open office, wps對office word都是望塵莫及的. 富文本編輯器是基於 web 的文本編輯器. 其功能同樣 ...
用法參考:http://kindeditor.net/docs/usage.html 一、使用 . 修改HTML頁面 在需要顯示編輯器的位置添加textarea輸入框。 在該HTML頁面添加以下 ...