teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

質問内容変更

2016/10/03 08:47

投稿

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

1

初心者アイコン追加

2016/10/03 08:47

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
File without changes