作者sinlin (豆漿)
看板Web_Design
標題[問題] contenteditable的複製貼上
時間Thu Oct 21 14:06:51 2021
請問一下我現在有個表格使用了contenteditable:true
A欄是灰色的字, B欄是黑色的字
我複製A欄的文字,去取代B欄的文字做貼上
結果整個表格就亂掉了
看一下Mysql儲存的內容發現
B欄的文字是<span style=rgb(xxxxx)>A欄文字</span><br/>
請問有甚麼方法可以不要複製sapn style和br
或是貼上時過濾掉?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.22.200.117 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1634796413.A.320.html
1F：→ adzc2568: 調整 copy event 只存文字就好 10/21 18:01
2F：→ adzc2568: 另外如果沒有特別要求，接個 ckeditor 之類的文本編輯器 10/21 18:01
3F：→ adzc2568: 應該會輕鬆一點 10/21 18:01
請問調整copy event是指用jquery之類的寫一個程式出來控制copy event嗎
接ck editor可能沒辦法
因為我灰色的字跟黑色的字是用來判別個物品品項的狀況
不能讓人隨便更改顏色
但是不同物品的備註有可能是一樣的敘述文字(只是顏色不同)
※ 編輯: sinlin (211.22.200.117 臺灣), 10/22/2021 11:01:48
4F：推 t520131412: 存db時不應該連html也一起存吧，如果只是要改顏色，cs 10/23 09:19
5F：→ t520131412: s用 ！important蓋掉試試看 10/23 09:19
我沒有想要連html一起存阿, 只是貼上時發現格子排版都亂掉
去看database發現,貼上存進的data多了<span>及<br>
所以想問怎麼copy存文字就好?是用javascript改copy event?
6F：→ adzc2568: 用顏色來判斷狀態是什麼狀況... 10/23 21:00
現在寫的是一個叫貨網站
A商品是開放所有店看見,所以管理員看到A商品這橫排表格包括備註全都黑色的
B商品只有一些店看得到,管理員看到的B商品這橫排全部都是灰色字
灰色字有點半隱藏的意味在,表示在使用者端只有部分使用者看得見
但是備註的內容是"單位:包"類似這樣的內容
A,B..甚至底下一百多種商品可能都有使用一樣的備註
在刪改備註的時候管理員直覺上會使用複製貼上一樣的備註
但是網頁如果兩個商品一個是黑字一個是灰字,貼上時就會出問題
出問題的狀況如下圖
https://imgur.com/jW1TzU1
database顯示的是這樣
https://imgur.com/byISMgW
正常應該要這樣
https://imgur.com/2dQ4vsH
複製的時候是這樣,contenteditable
https://imgur.com/c0kMocs
※ 編輯: sinlin (114.47.14.196 臺灣), 10/24/2021 00:55:51
※ 編輯: sinlin (114.47.14.196 臺灣), 10/24/2021 01:00:19
7F：→ adzc2568: 是用js改沒錯，不過現在問題看起來不在那邊。如果沒有所 10/24 08:49
8F：→ adzc2568: 見即所得的需求，只是要編輯欄位，為什麼不用input就好? 10/24 08:49
問題不是在copy嗎?
這不算所見即所得的需求嗎
再請問用input是甚麼意思
不好意思很多術語都不懂
※ 編輯: sinlin (114.47.14.196 臺灣), 10/24/2021 22:27:58
9F：→ adzc2568: 給你私信了 10/25 18:19