我如何创建一个显示粗体和斜体的框，以及张贴后的所有内容

Question

ref.Post Box Image

基本上，我想创建这种类型的邮箱，用户可以自定义他们的帖子。但我不知道如何将其加粗/斜体/引号

Answer 1

我认为您想为用户提供一些标准形式的文本解析，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>