回答編集履歴

3

確認用サーバー側コードの追加

2019/11/29 14:26

投稿

shinji709
shinji709

スコア805

test CHANGED
@@ -53,3 +53,27 @@
53
53
  }
54
54
 
55
55
  ```
56
+
57
+ 追記2:
58
+
59
+ 確認に使ったサーバー側のコードを載せておきます。
60
+
61
+ (確認にあたってはformタグのaction属性を`action="add.php"`から`action="http://localhost:3000"`に変更しています)
62
+
63
+ ```JavaScript
64
+
65
+ const express = require('express');
66
+
67
+ const multer = require('multer')
68
+
69
+ const app = express();
70
+
71
+ app.post('/', multer().none(), (req, res) => {
72
+
73
+ res.send(req.body.text_body);
74
+
75
+ });
76
+
77
+ app.listen(3000);
78
+
79
+ ```

2

インデント修正

2019/11/29 14:26

投稿

shinji709
shinji709

スコア805

test CHANGED
@@ -36,7 +36,7 @@
36
36
 
37
37
  //innerText を設定するためのメソッドを追加
38
38
 
39
- setAlter_innerText(editArea);
39
+ setAlter_innerText(editArea);
40
40
 
41
41
 
42
42
 

1

要望により追記

2019/11/29 12:03

投稿

shinji709
shinji709

スコア805

test CHANGED
@@ -1,4 +1,4 @@
1
- ```JavaScript
1
+ ```HTML
2
2
 
3
3
  <form name="test2" action="add.php" method="post" enctype="multipart/form-data">
4
4
 
@@ -9,3 +9,47 @@
9
9
  </form>
10
10
 
11
11
  ```
12
+
13
+ 追記:
14
+
15
+ 要望により修正してみました↓
16
+
17
+ ```HTML
18
+
19
+ <form name="test2" action="add.php" method="post" enctype="multipart/form-data">
20
+
21
+ <input type="hidden" name="text_body" id="textBody" value="@@@@ココにeditArea.innerHTMLで得た結果を入れてsubmitしたい@@@">
22
+
23
+ <input type="submit" value="送信">
24
+
25
+ </form>
26
+
27
+ ```
28
+
29
+ ```JavaScript
30
+
31
+ window.onload = function () {
32
+
33
+ var editArea = $id('editArea');
34
+
35
+
36
+
37
+ //innerText を設定するためのメソッドを追加
38
+
39
+ setAlter_innerText(editArea);
40
+
41
+
42
+
43
+ //★★★★★editAreaの文字をinnnerHTMLしてhiddenのvalueに入力したい★★★★★
44
+
45
+ function changeText(){
46
+
47
+ textBody.value = editArea.innerHTML;
48
+
49
+ };
50
+
51
+ document.querySelector('form[name="test2"]>input[type="submit"]').onclick = changeText;
52
+
53
+ }
54
+
55
+ ```