textareaの中にマークダウン形式で書いた文章を、marked.jsで同じページ内にで表示させたいです。プレビューのような感じ見れることを想定しています。以下の通り書いていますが、marked.jsの結果が表示されません。
ご教示いただけると幸いです。
<div id ="markdown"> <textarea class="form-control" name="description" id="description" rows="10" tabindex="4" data-validation="validateDescription" data-validation-error-msg="相談内容を入力してください。"></textarea> <!--markup editer形式の入力--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css"> <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script> <script> var simplemde = new SimpleMDE({ element: document.getElementById("description").value,forceSync: true}); </script> </div> <!--marked.jsでの表示--> <script src="../marked-master/lib/marked.js"></script> <script>document.getElementById('markdown').innerHTML = marked(); </script>
(参考)
マークアップエディターのプラグイン
https://simplemde.com/
回答2件
あなたの回答
tips
プレビュー