質問編集履歴

2

情報修正

2016/10/06 11:02

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -76,7 +76,7 @@
76
76
 
77
77
  ```javascript
78
78
 
79
- addInstagram(e) {
79
+ addInstagram(e) {//画面にADDボタンがあり、ADDボタンをクリックで発火
80
80
 
81
81
  var embedCode = this.instagram.value
82
82
 

1

情報追加

2016/10/06 11:02

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -68,4 +68,48 @@
68
68
 
69
69
 
70
70
 
71
+ **追加情報**
72
+
73
+ ちなみに以下のようなコードでcontenteditableなタグ内に画像やSNSの埋め込みコードを入れています。
74
+
75
+
76
+
77
+ ```javascript
78
+
79
+ addInstagram(e) {
80
+
81
+ var embedCode = this.instagram.value
82
+
83
+
84
+
85
+ var instagram = document.createElement('div')
86
+
87
+ instagram.setAttribute('id', 'media')
88
+
89
+ instagram.setAttribute('class', 'media-frame')
90
+
91
+
92
+
93
+ instagram.innerHTML = embedCode
94
+
95
+
96
+
71
- Uncaught TypeError: Cannot read property 'addEventListener' of null
97
+ var target = document.getElementById('body-text')
98
+
99
+ target.appendChild(instagram)
100
+
101
+
102
+
103
+ var newLine = document.createElement('p')
104
+
105
+ target.insertBefore(newLine, instagram.nextSibling)
106
+
107
+ newLine.focus()
108
+
109
+
110
+
111
+ this.instagram.value = ''
112
+
113
+ }
114
+
115
+ ```