如何在普通html css和javascript中创建输入空间

如何在普通html css和javascript中创建输入空间,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我想创建一个输入空间,比如stackoverflow的撰写问题输入空间 我有一个博客。在我博客的管理部分,我有一个写作部分。现在它只支持文本和1段。我希望它有加粗的文本选项,并使其斜体或包括一些图像由用户和多个段落的支持 你可以在stackoverflow的提问部分看到一个很好的例子,说明我想说的。代码应该是普通的html、css和js,而不是react或任何其他框架 我在网上找不到任何与之相关的东西 任何帮助都将不胜感激。您可以使用contenteditable元素,请参阅 可以使用ctrl+

我想创建一个输入空间,比如stackoverflow的撰写问题输入空间

我有一个博客。在我博客的管理部分,我有一个写作部分。现在它只支持文本和1段。我希望它有加粗的文本选项,并使其斜体或包括一些图像由用户和多个段落的支持

你可以在stackoverflow的提问部分看到一个很好的例子,说明我想说的。代码应该是普通的html、css和js,而不是react或任何其他框架

我在网上找不到任何与之相关的东西


任何帮助都将不胜感激。

您可以使用contenteditable元素,请参阅


可以使用ctrl+b、ctrl+u、ctrl+i等将其设置为粗体、下划线和斜体。您还可以使用
document.execCommand()
()创建执行此操作的按钮
document.execCommand()
可以更改任何CSS,因此您可以更改大小、颜色、粗体等。

对于初学者来说,这是一项相对雄心勃勃的任务。你试过什么?您想提供多少选项?搜索“javascript标记编辑器”或类似内容。这个主题对于StackOverflow来说太宽泛了,通常不是你自己实现的。有很多富格文本编辑器,你可以使用它们来实现html格式。你必须在输入空间的顶部创建一个部分。就像一个导航栏,上面有你想要的选项,以及你如何将文字改成粗体或斜体。使用js处理这些选项。Go with-如果最高5 ppl,则免费。或者你可以开始开发自己的。这只是一个好的开始:这对更改字体大小或重量有什么帮助?@DCR查看我的更新答案。