阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!

像這邊的文章輸入是使用textarea
想要用JS得到文章內容可以直接抓
但有些地方是編輯器
通常長的就比較奇怪

會像是html的結構 甚至有的貼出來是用iframe去完成
我最近想要實作備份文章內容的腳本
發現一些問題

首先是在it幫這邊測試

我發現就算在開發者工具改動文章內容 回到編輯那邊 卻又會跳回來

如果是textarea 我用value就可以改動
不太知道這種狀況 要怎麼用JS去改動裡面結構
就算我學裡面的span去貼 會發現只會跳會原本的內容
動彈不得

是說該怎麼處理 我發現就算我改innerText 表面上會改一下
當我要編輯 又會跳回去 這樣子是什麼問題
這樣的效果也會導致假設我想要用JS輸入文章也會遇到障礙 這方面該怎麼解決呢~~

按讚的人:

共有 4 則留言

像那樣複雜的編輯器

背後應該是運用了 data model + render function 的概念

也就是真正的文章資料結構,存在 js 環境中

html 只是 render 出來的外觀而已

然後無法從外部去存取那些公司設計的 data model

所以你提到的功能,應該是做不到的

按讚的人:

補充幾個關鍵字:所見即所得(WYSIWYG)編輯器

在 github 找幾款開源的,會發現文章實際的 data model,會由套件在背後管理

要取得實際內容,要透過套件提供的 API 函式

如果it幫是用自家開發的套件,根本沒有對外公開函式

那就無法做到

可以觀察一下原始碼,如果有找到it幫的 WYSIWYG 編輯器用法

倒也是有可能可以做到

按讚的人:

簡單講,你需要往存取背後 data model 的方向去研究

直接存取 html,會在每次 data model 被 render 成 UI 的時候,就覆蓋掉了

按讚的人:

推推 感謝解惑

按讚的人:

此人尚未填寫簡介。

阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!