iT邦幫忙

0

mobile web 前端的 textarea問題? 以及key value跟web sql的問題?

QQ 2019-04-28 20:56:271441 瀏覽
  • 分享至 

  • xImage

大概就是那種很多筆記app裡面都會有的那種功能
打字打一打然後拍張照片插在你打得字後面
然後在繼續作筆記這樣

如圖
https://ithelp.ithome.com.tw/upload/images/20190428/20113281f3a5zUIDZQ.png

在按下照相按鈕後選擇照片
拍照儲存或是選擇照片的部分我已經弄好 在手機app裡面的圖片路徑我也拿的到

但是要如何將照片新增到textarea裡面呢 就是我剛剛所選的相片或拍的相片
操作DOM在textarea裡面插入img元素嗎?但是如果textarea已經有輸入其他的字的話呢?
如果能這樣做的話 語法要怎麼寫呢?

另外想請問如果只是本地存儲存在手機內

存標題、內容、標籤
標籤用來分類和搜尋

就是一筆一筆的紀錄

用鍵值keyValue儲存就好了
還是要用關聯式資料庫websql來存呢?

dragonH iT邦超人 5 級 ‧ 2019-04-29 16:09:14 檢舉
話說websql不是被捨棄了嗎
https://dev.w3.org/html5/webdatabase/
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
舜~
iT邦高手 1 級 ‧ 2019-04-28 22:44:49
  1. HTML 呈現的textarea 只支持文本,可以改用div

  2. 兩個方法都可以。如果沒有要跟其他人關聯的話,文字存就可以了,可以參考CSV格式,應該有不少方便操作的套件,或是自創格式自己手刻~~~
    如果未來可能還會做進一步的複雜處理的話可以考慮用資料庫後續會比較方便~~~~

0
小魚
iT邦大師 1 級 ‧ 2019-04-28 23:56:43

照片沒辦法新增到textarea裡面,
有些套件像是CKEditor等等,
(所謂的文字編輯器)
可以滿足你的需求,
但是如果要做到上傳圖片需要一些技術,
我之前大概只能做到連結網路上的url圖片.

Homura iT邦高手 1 級 ‧ 2019-04-29 10:25:47 檢舉

編輯器就算會寫也要花不少時間
這樣都沒時間開發其他東西了@@

小魚 iT邦大師 1 級 ‧ 2019-04-29 11:28:50 檢舉

算了,
多餘的話刪了就算了...

我要發表回答

立即登入回答