国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

在可編輯div中插入文字或圖片解決思路與實現步驟

2024-07-11 08:48:59
字體：大 中 小
來源：轉載
供稿：網友
最近在網上碰到一個人問了我一個問題，在可編輯div中插入文字或者圖片。因為web在線編輯器我從來只是用，基本不會去研究源代碼。后來正好一個在線聊天web項目中也要用到這個功能，我就特地看看了代碼。

基本上編輯器或者在線聊天web頁面，是不太可能用textarea在做輸入框的，因為我們可能要插入圖片或者超級鏈接，因此選擇在iframe或者div作為輸入框是必須的。
我這里用的是 div.

要使div可編輯 必須 加入 contentEditable="true" 這個屬性。
然后就是獲取光標位置(或者選擇文字位置)進行文字或者html的插入 。
由于火狐等標準瀏覽器支持getSelection方法，IE9以上也支持，但是萬惡的iE6-8不支持，因此要分兩部分代碼來寫。由于這些代碼很簡單，以下先貼一遍

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 鄢陵县| 沾化县| 墨脱县| 博乐市| 常熟市| 黄大仙区| 蛟河市| 崇明县| 平泉县| 寿光市| 潼关县| 渝北区| 天水市| 象山县| 肃宁县| 平江县| 赞皇县| 瑞安市| 西乌珠穆沁旗| 镇远县| 威信县| 新干县| 江陵县| 高雄市| 黑山县| 和平县| 柯坪县| 阳曲县| 天台县| 勃利县| 云霄县| 安吉县| 台东市| 呈贡县| 广德县| 塔河县| 大石桥市| 靖边县| 化隆| 攀枝花市| 宜城市|