質問編集履歴

6

smaill fix

2020/06/18 03:54

投稿

baseballyama
baseballyama

スコア316

test CHANGED
File without changes
test CHANGED
@@ -92,4 +92,6 @@
92
92
 
93
93
 
94
94
 
95
- 同じことを実装すれば一旦本課題はcloseできそうです
95
+ 同じことを実装すれば一旦本課題はcloseできそうですが、
96
+
97
+ できればDOM操作を避けることができるとより良いです。

5

small fix

2020/06/18 03:54

投稿

baseballyama
baseballyama

スコア316

test CHANGED
File without changes
test CHANGED
@@ -78,7 +78,7 @@
78
78
 
79
79
  ③ 得られたデータは URL.createObjectURL() で内部的なURLに変換
80
80
 
81
- ④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する
81
+ ④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する (JSによるDOM操作が走っていると思われ)
82
82
 
83
83
 
84
84
 

4

small fix

2020/06/18 03:50

投稿

baseballyama
baseballyama

スコア316

test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  ① リッチエディタにて画像が挿入された際、img 要素をラップする div 要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
76
76
 
77
- ② data-id を基に Ajax 通信を使用してサーバー側 REST通信を実行
77
+ ② data-id を基に Ajax 通信を使用してサーバー側 REST通信を実行
78
78
 
79
79
  ③ 得られたデータは URL.createObjectURL() で内部的なURLに変換
80
80
 

3

small fix

2020/06/18 03:49

投稿

baseballyama
baseballyama

スコア316

test CHANGED
File without changes
test CHANGED
@@ -72,7 +72,7 @@
72
72
 
73
73
 
74
74
 
75
- ① リッチエディタにて画像が挿入された際、imgタグをラップするdiv要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
75
+ ① リッチエディタにて画像が挿入された際、img 要素をラップする div 要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
76
76
 
77
77
  ② data-id を基に Ajax 通信を使用してサーバー側に REST通信を実行
78
78
 

2

Jiraの調査結果を掲載。

2020/06/18 03:48

投稿

baseballyama
baseballyama

スコア316

test CHANGED
File without changes
test CHANGED
@@ -57,3 +57,39 @@
57
57
  この点についてもこんな方式で実現しているのではないか、という仮説がありましたら
58
58
 
59
59
  ご教示頂けますと幸いです。
60
+
61
+
62
+
63
+ ---
64
+
65
+ [2020/6/18 12:41 追記]
66
+
67
+
68
+
69
+ その後、更に Jira の実装を解析しました。
70
+
71
+ その結果、以下がわかりました。
72
+
73
+
74
+
75
+ ① リッチエディタにて画像が挿入された際、imgタグをラップするdiv要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
76
+
77
+ ② data-id を基に Ajax 通信を使用してサーバー側に REST通信を実行
78
+
79
+ ③ 得られたデータは URL.createObjectURL() で内部的なURLに変換
80
+
81
+ ④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する
82
+
83
+
84
+
85
+ ここからは恐らくですが、
86
+
87
+ ユーザーによるリッチエディタの編集が完了して保存された際は、
88
+
89
+ imgタグをラップするdivタグを走査してその配下のimgタグを初期化 / 削除した後サーバーに送信
90
+
91
+ (もしくはサーバー側で除去) しているのではないかと思います。
92
+
93
+
94
+
95
+ 同じことを実装すれば一旦本課題はcloseできそうです。

1

small fix

2020/06/18 03:48

投稿

baseballyama
baseballyama

スコア316

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ### 0. 現状 & わからないこと
1
+ ### 1. 現状 & わからないこと
2
2
 
3
3
 
4
4