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

質問編集履歴

4

URLを削除

2018/08/16 15:47

投稿

hamst
hamst

スコア14

title CHANGED
File without changes
body CHANGED
@@ -25,7 +25,6 @@
25
25
  content_value.replace(/(\n|\r)/g, "<br>");
26
26
 
27
27
  ### エラーが出ている記述
28
- 下記プログラムを左記URLに置きました。http://starter.mixh.jp/test/
29
28
  phpファイルはUTF-8、BOMなし、改行コード:CR+LF
30
29
  ```php
31
30
  <?php

3

phpファイルの情報を更新

2018/08/16 15:47

投稿

hamst
hamst

スコア14

title CHANGED
File without changes
body CHANGED
@@ -26,6 +26,7 @@
26
26
 
27
27
  ### エラーが出ている記述
28
28
  下記プログラムを左記URLに置きました。http://starter.mixh.jp/test/
29
+ phpファイルはUTF-8、BOMなし、改行コード:CR+LF
29
30
  ```php
30
31
  <?php
31
32
 

2

URLを掲載しました。

2018/08/16 14:03

投稿

hamst
hamst

スコア14

title CHANGED
File without changes
body CHANGED
@@ -3,6 +3,7 @@
3
3
  プレビューでモーダルウィンドウに表示したいのですが、
4
4
  そのまま表示しても改行されないので、Javascriptで改行コードを
5
5
  <br>に置換しようとするのですが、置換がうまくいきません。
6
+ 確認したブラウザはChromeです。
6
7
 
7
8
  置換で試したスクリプトは以下です。
8
9
 
@@ -24,6 +25,7 @@
24
25
  content_value.replace(/(\n|\r)/g, "<br>");
25
26
 
26
27
  ### エラーが出ている記述
28
+ 下記プログラムを左記URLに置きました。http://starter.mixh.jp/test/
27
29
  ```php
28
30
  <?php
29
31
 

1

問題のスクリプト全体を掲載しました。

2018/08/16 13:59

投稿

hamst
hamst

スコア14

title CHANGED
File without changes
body CHANGED
@@ -21,4 +21,71 @@
21
21
  下記のようにバックスラッシュを増やしてみたりもしたのですが、
22
22
  エラーは消えましたが置換はされませんでした。
23
23
 
24
- content_value.replace(/(\n|\r)/g, "<br>");
24
+ content_value.replace(/(\n|\r)/g, "<br>");
25
+
26
+ ### エラーが出ている記述
27
+ ```php
28
+ <?php
29
+
30
+ $html=<<<HTML
31
+ <!DOCTYPE html>
32
+ <html lang="ja">
33
+ <html>
34
+ <head>
35
+ <meta charset="UTF-8">
36
+ <link rel="stylesheet" href="./modaal.css">
37
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
38
+ <script src="./modaal.js"></script>
39
+ </head>
40
+ <body onCopy="return false;">
41
+
42
+
43
+ <!-- モーダルウィンドウに表示するテキストエリアフォーム -->
44
+ <div class="contentsLineBox">
45
+ <textarea id="postContents" name="sentence"></textarea>
46
+ </div>
47
+
48
+ <!-- モーダルウィンドウ表示内容 -->
49
+ <div id="modal" style="display:none;">
50
+ <p id="contentsPreview"></p>
51
+ </div>
52
+
53
+ <!-- モーダルウィンドウ表示ボタン -->
54
+ <a href="#modal" id="preview" class="modal">プレビュー</a>
55
+
56
+ <script>
57
+ $('.modal').modaal({
58
+ type: 'inline', // コンテンツのタイプを指定
59
+ animation_speed: '500', // アニメーションのスピードをミリ秒単位で指定
60
+ background: '#fff', // 背景の色を白に変更
61
+ overlay_opacity: '0.9', // 背景のオーバーレイの透明度を変更
62
+ fullscreen: 'false', // フルスクリーンモードにする
63
+ background_scroll: 'false', // 背景をスクロールさせるか否か
64
+ loading_content: 'Now Loading, Please Wait.' // 読み込み時のテキスト表示
65
+ });
66
+
67
+ $(function (){
68
+ $("#preview").on("click", function(){
69
+ var content_value = $("#postContents").val();
70
+ <!-- 改行コードを置換 -->
71
+ content_value.replace(/\r?\n/g, "<br>");
72
+
73
+
74
+ $("#contentsPreview").html(content_value);
75
+ });
76
+ });
77
+ </script>
78
+ </div>
79
+ </form>
80
+
81
+
82
+
83
+
84
+
85
+ </body>
86
+ </html>
87
+ HTML;
88
+
89
+ echo $html;
90
+ ?>
91
+ ```