參考郵箱圖片
基本上,我想創建這種類型的郵筒,用戶可以自訂他們的貼文。 但是我不知道如何使其加粗/斜體/引用
我認為你想為使用者提供一個標準的文字解析形式,Markdown具備你所要求的功能。
你可以嘗試使用類似這樣的Markdown解析器:
const textarea = document.querySelector('textarea'); const content = document.querySelector('.content'); const update = () => content.innerHTML = marked.parse(textarea.value); textarea.addEventListener('input', update); textarea.value = '**Bold** \n*Italic*' update();
html, body { margin: 0; height: 100%; } .container { display: flex; height: 100%; } .container>* { flex: 1; }
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> <div class="container"> <textarea></textarea> <div class="content"></div> </div>
我認為你想為使用者提供一個標準的文字解析形式,Markdown具備你所要求的功能。
你可以嘗試使用類似這樣的Markdown解析器: