質問編集履歴
6
smaill fix
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -45,4 +45,5 @@
|
|
|
45
45
|
imgタグをラップするdivタグを走査してその配下のimgタグを初期化 / 削除した後サーバーに送信
|
|
46
46
|
(もしくはサーバー側で除去) しているのではないかと思います。
|
|
47
47
|
|
|
48
|
-
同じことを実装すれば一旦本課題はcloseできそうです
|
|
48
|
+
同じことを実装すれば一旦本課題はcloseできそうですが、
|
|
49
|
+
できればDOM操作を避けることができるとより良いです。
|
5
small fix
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
① リッチエディタにて画像が挿入された際、img 要素をラップする div 要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
|
|
39
39
|
② data-id を基に Ajax 通信を使用してサーバー側と REST通信を実行
|
|
40
40
|
③ 得られたデータは URL.createObjectURL() で内部的なURLに変換
|
|
41
|
-
④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する
|
|
41
|
+
④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する (JSによるDOM操作が走っていると思われ)
|
|
42
42
|
|
|
43
43
|
ここからは恐らくですが、
|
|
44
44
|
ユーザーによるリッチエディタの編集が完了して保存された際は、
|
4
small fix
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
その結果、以下がわかりました。
|
|
37
37
|
|
|
38
38
|
① リッチエディタにて画像が挿入された際、img 要素をラップする div 要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
|
|
39
|
-
② data-id を基に Ajax 通信を使用してサーバー側
|
|
39
|
+
② data-id を基に Ajax 通信を使用してサーバー側と REST通信を実行
|
|
40
40
|
③ 得られたデータは URL.createObjectURL() で内部的なURLに変換
|
|
41
41
|
④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する
|
|
42
42
|
|
3
small fix
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
その後、更に Jira の実装を解析しました。
|
|
36
36
|
その結果、以下がわかりました。
|
|
37
37
|
|
|
38
|
-
① リッチエディタにて画像が挿入された際、img
|
|
38
|
+
① リッチエディタにて画像が挿入された際、img 要素をラップする div 要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
|
|
39
39
|
② data-id を基に Ajax 通信を使用してサーバー側に REST通信を実行
|
|
40
40
|
③ 得られたデータは URL.createObjectURL() で内部的なURLに変換
|
|
41
41
|
④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する
|
2
Jiraの調査結果を掲載。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -27,4 +27,22 @@
|
|
|
27
27
|
参考までに、本件、Jiraの画像管理の方式を調査して参考にしようと思ったのですが、
|
|
28
28
|
現時点でイマイチ正しく理解できていません。
|
|
29
29
|
この点についてもこんな方式で実現しているのではないか、という仮説がありましたら
|
|
30
|
-
ご教示頂けますと幸いです。
|
|
30
|
+
ご教示頂けますと幸いです。
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
[2020/6/18 12:41 追記]
|
|
34
|
+
|
|
35
|
+
その後、更に Jira の実装を解析しました。
|
|
36
|
+
その結果、以下がわかりました。
|
|
37
|
+
|
|
38
|
+
① リッチエディタにて画像が挿入された際、imgタグをラップするdiv要素にて、 ```data-id``` というカスタム属性を用いて画像のidを示している
|
|
39
|
+
② data-id を基に Ajax 通信を使用してサーバー側に REST通信を実行
|
|
40
|
+
③ 得られたデータは URL.createObjectURL() で内部的なURLに変換
|
|
41
|
+
④ 得られた内部的なURLを①で言及した div タグ配下のimgタグに挿入する
|
|
42
|
+
|
|
43
|
+
ここからは恐らくですが、
|
|
44
|
+
ユーザーによるリッチエディタの編集が完了して保存された際は、
|
|
45
|
+
imgタグをラップするdivタグを走査してその配下のimgタグを初期化 / 削除した後サーバーに送信
|
|
46
|
+
(もしくはサーバー側で除去) しているのではないかと思います。
|
|
47
|
+
|
|
48
|
+
同じことを実装すれば一旦本課題はcloseできそうです。
|
1
small fix
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
###
|
|
1
|
+
### 1. 現状 & わからないこと
|
|
2
2
|
|
|
3
3
|
フロントエンドにて、リッチエディタを使用しております。
|
|
4
4
|
リッチエディタの中に画像が挿入された場合、
|