像這邊的文章輸入是使用textarea
想要用JS得到文章內容可以直接抓
但有些地方是編輯器
通常長的就比較奇怪
會像是html的結構 甚至有的貼出來是用iframe去完成
我最近想要實作備份文章內容的腳本
發現一些問題
首先是在it幫這邊測試
我發現就算在開發者工具改動文章內容 回到編輯那邊 卻又會跳回來
如果是textarea 我用value就可以改動
不太知道這種狀況 要怎麼用JS去改動裡面結構
就算我學裡面的span去貼 會發現只會跳會原本的內容
動彈不得
是說該怎麼處理 我發現就算我改innerText 表面上會改一下
當我要編輯 又會跳回去 這樣子是什麼問題
這樣的效果也會導致假設我想要用JS輸入文章也會遇到障礙 這方面該怎麼解決呢~~
補充幾個關鍵字:所見即所得(WYSIWYG)編輯器
在 github 找幾款開源的,會發現文章實際的 data model,會由套件在背後管理
要取得實際內容,要透過套件提供的 API 函式
如果it幫是用自家開發的套件,根本沒有對外公開函式
那就無法做到
可以觀察一下原始碼,如果有找到it幫的 WYSIWYG 編輯器用法
倒也是有可能可以做到
簡單講,你需要往存取背後 data model 的方向去研究
直接存取 html,會在每次 data model 被 render 成 UI 的時候,就覆蓋掉了
像那樣複雜的編輯器
背後應該是運用了 data model + render function 的概念
也就是真正的文章資料結構,存在 js 環境中
html 只是 render 出來的外觀而已
然後無法從外部去存取那些公司設計的 data model
所以你提到的功能,應該是做不到的