質問編集履歴
4
内容の充実化
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -64,3 +64,81 @@
|
|
|
64
64
|
https://zenn.dev/yurukei20/articles/5e341723f68bae
|
|
65
65
|
この記事見て実装を進めてみましたけど，Markdownの部分は変わらず出来ませんでした．
|
|
66
66
|
|
|
67
|
+
```HTML
|
|
68
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
69
|
+
|
|
70
|
+
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
|
|
71
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/8.2.2/markdown-it.min.js"></script>
|
|
72
|
+
<link
|
|
73
|
+
rel="stylesheet"
|
|
74
|
+
href="https://cdn.jsdelivr.net/npm/destyle.css@1.0.15/destyle.css"
|
|
75
|
+
/>
|
|
76
|
+
<link rel="stylesheet" href="css/style.css"/>
|
|
77
|
+
|
|
78
|
+
<!-- マークダウン記述箇所 -->
|
|
79
|
+
<main class="l-main-editer js-markdown-editer">
|
|
80
|
+
# h1タイトル
|
|
81
|
+
|
|
82
|
+
## h2タイトルタイトルタイトルタイトル
|
|
83
|
+
|
|
84
|
+
### h3タイトルタイトルタイトルタイトル
|
|
85
|
+
|
|
86
|
+
ダミーテキストです。
|
|
87
|
+
|
|
88
|
+
強調したい箇所は**このように強調させる**ことも可能。
|
|
89
|
+
|
|
90
|
+
- リスト1
|
|
91
|
+
- リスト2
|
|
92
|
+
- リスト2-1
|
|
93
|
+
- リスト2-2
|
|
94
|
+
- リスト2-3
|
|
95
|
+
- リスト3
|
|
96
|
+
- リスト4
|
|
97
|
+
|
|
98
|
+
リンクは[リンクテキスト](https://yurukei-career.com/)のように記載。引用ブロックは以下。
|
|
99
|
+
|
|
100
|
+
> 引用ブロックはこのようになる。
|
|
101
|
+
改行もこのように組み込まれる。
|
|
102
|
+
|
|
103
|
+
## テーブル
|
|
104
|
+
|
|
105
|
+
| No | 名前 | 年齢 |
|
|
106
|
+
|---:|----:|:----:|
|
|
107
|
+
| 1 | 山田 | 24 |
|
|
108
|
+
| 2 | 田中 | 48 |
|
|
109
|
+
|
|
110
|
+
---
|
|
111
|
+
|
|
112
|
+
HTMLをそのまま埋め込むことも可能。
|
|
113
|
+
|
|
114
|
+
<h2>HTMLタイプのh2テキストとテーブル</h2>
|
|
115
|
+
|
|
116
|
+
<table>
|
|
117
|
+
<tr>
|
|
118
|
+
<th>No</th>
|
|
119
|
+
<th>名前</th>
|
|
120
|
+
<th>年齢</th>
|
|
121
|
+
</tr>
|
|
122
|
+
<tr>
|
|
123
|
+
<td>1</td>
|
|
124
|
+
<td>山田</td>
|
|
125
|
+
<td>24</td>
|
|
126
|
+
</tr>
|
|
127
|
+
<tr>
|
|
128
|
+
<td>2</td>
|
|
129
|
+
<td>田中</td>
|
|
130
|
+
<td>48</td>
|
|
131
|
+
</tr>
|
|
132
|
+
</table>
|
|
133
|
+
|
|
134
|
+
</main>
|
|
135
|
+
<!-- /マークダウン記述箇所 -->
|
|
136
|
+
|
|
137
|
+
<footer class="l-footer">
|
|
138
|
+
<small class="l-footer__small">© yurukei20</small>
|
|
139
|
+
</footer>
|
|
140
|
+
|
|
141
|
+
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
|
|
142
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/8.2.2/markdown-it.min.js"></script>
|
|
143
|
+
```
|
|
144
|
+
|
3
内容の充実化
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
### 教えていただきたいこと
|
|
2
2
|
https://github.com/snym-yt/VisualPMusic
|
|
3
|
-
上記のリポジトリでindex.htmlを開くと次のような画面になっていると思います．
|
|
3
|
+
~~上記のリポジトリでindex.htmlを開くと次のような画面になっていると思います．~~
|
|
4
|
+
次の画面の下に調べたみたこと2でコードを追記した結果があります．
|
|
4
5
|
|
|
5
6
|
この画面の下の方にテキストがあると思うのですが，この部分をMarkdown言語で記述出来るようにindex.htmlを書き換えたいです．
|
|
6
7
|
自分でサイトを見たりしながら次のように記述してみたのですが，うまくいかなかったので，なぜだめなのか，どのようにしたらMarkdownで記述できるのか(そもそもそんなことはできないのか)を教えていただきたいです．
|
|
@@ -61,5 +62,5 @@
|
|
|
61
62
|
|
|
62
63
|
##### その2
|
|
63
64
|
https://zenn.dev/yurukei20/articles/5e341723f68bae
|
|
64
|
-
この記事見て実装を進めてみ
|
|
65
|
+
この記事見て実装を進めてみましたけど，Markdownの部分は変わらず出来ませんでした．
|
|
65
66
|
|
2
内容の充実化
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -39,3 +39,27 @@
|
|
|
39
39
|
at index.html:53:37
|
|
40
40
|
blockly_compressed.min.js:1074 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
|
|
41
41
|
```
|
|
42
|
+
|
|
43
|
+
### 調べてみたこと
|
|
44
|
+
##### その1
|
|
45
|
+
https://fukuno.jig.jp/2725
|
|
46
|
+
ひとまずこのサイトを参照し，
|
|
47
|
+
```HTML
|
|
48
|
+
<script src="https://taisukef.github.io/marked_md/marked.min.js"></script>
|
|
49
|
+
|
|
50
|
+
Markdownを埋め込むよ
|
|
51
|
+
<script>md(`
|
|
52
|
+
# h1
|
|
53
|
+
## h2
|
|
54
|
+
### h3
|
|
55
|
+
#### h4
|
|
56
|
+
##### h5
|
|
57
|
+
###### h6
|
|
58
|
+
`)</script>
|
|
59
|
+
```
|
|
60
|
+
をindex.htmlに入れてみたのですが，そのまま入れただけではMarkdownで表示されていませんでした．
|
|
61
|
+
|
|
62
|
+
##### その2
|
|
63
|
+
https://zenn.dev/yurukei20/articles/5e341723f68bae
|
|
64
|
+
この記事見て実装を進めてみています．
|
|
65
|
+
|
1
内容の充実化
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -32,3 +32,10 @@
|
|
|
32
32
|
Integer eget dui vitae quam gravida iaculis.
|
|
33
33
|
</div>
|
|
34
34
|
```
|
|
35
|
+
|
|
36
|
+
### デベロッパーツールでのエラー
|
|
37
|
+
```
|
|
38
|
+
Uncaught TypeError: marked is not a function
|
|
39
|
+
at index.html:53:37
|
|
40
|
+
blockly_compressed.min.js:1074 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
|
|
41
|
+
```
|