質問編集履歴

2

質問内容変更

2016/10/03 08:47

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- document.execCommand('formatBlock', false, 'p')でのpタグ
1
+ contenteditableのdivタグ内の最初の一行をpタグれたい
test CHANGED
@@ -1,43 +1,19 @@
1
- contenteditable=trueにしたdivタグの中身をdivタグではなく、pタグにしたいと思ってい
1
+ contenteditabledivタグ内を改行度にpタグにすることはきたのですが、最初の一行目だけはpタグに入りせん
2
2
 
3
- どうやらdiv内でEnterを押すと、IEとOperaではpタグ、chromeとSafariでdivタグ、Firefoxは<br>が挿入されるようなので
3
+ ちなみにpタグに変更したの下記を読み込む手法です。
4
4
 
5
5
 
6
6
 
7
- そこで現在下記のようなコードを書いているのですが、2点で困っています。
7
+ ```javascript
8
8
 
9
- ・Enter以外を押すと何も表示されず動かなくなってしまったこと
10
-
11
- ・Enterを押すと1回目は<p></p>を作ってくれるのですが、2回目以降は動かないこと
12
-
13
-
14
-
15
- どちらかでもわかれば教えていただきたいです。
16
-
17
- よろしくお願いします。
18
-
19
-
20
-
21
- ```html
22
-
23
- <div id='body-text' class='body-text' contenteditable=true onkeydown={ createParagraph }></div>
9
+ document.execCommand('defaultParagraphSeparator', false, 'p')
24
10
 
25
11
  ```
26
12
 
27
13
 
28
14
 
29
- ```javascript
15
+ ただ、最初にEnterを押すまではpタグに含まれず以下のような状況になってしまいます。
30
16
 
31
- createParagraph(e) {
17
+ この最初の「aaa」の部分もpタグに含めるにはどうすればいいのでしょうか?
32
18
 
33
- console.log(e.keyCode)
34
-
35
- if(e.keyCode == '13') {
19
+ ![説明画像](57eedf536986791e674a0d01f66c8791.png)
36
-
37
- document.execCommand('formatBlock', false, 'p')
38
-
39
- }
40
-
41
- }
42
-
43
- ```

1

初心者アイコン追加

2016/10/03 08:47

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes