发布后如何实现输入框中的粗体、斜体和其他样式显示-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

发布后如何实现输入框中的粗体、斜体和其他样式显示

P粉354948724 2023-09-08 11:13:36

[CSS3讨论组]

669

参考邮箱图片

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

P粉354948724

全部回复(1)

P粉9787424052023-09-09 09:36:48 1楼

我认为你想为用户提供一种标准的文本解析形式，Markdown具备你所要求的功能。

你可以尝试使用类似这样的Markdown解析器：

marked (demo)
markdown-it (demo)

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>