阿川私房教材:學程式,拿 offer!

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 的時候,就覆蓋掉了

按讚的人:

推推 感謝解惑

按讚的人:

此人尚未填寫簡介。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈