發布後如何實現輸入框中的粗體、斜體和其他樣式顯示
P粉354948724
P粉354948724 2023-09-08 11:13:36
0
1
626

參考郵箱圖片

基本上,我想創建這種類型的郵筒,用戶可以自訂他們的貼文。 但是我不知道如何使其加粗/斜體/引用

#
P粉354948724
P粉354948724

全部回覆(1)
P粉978742405

我認為你想為使用者提供一個標準的文字解析形式,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>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板