我想使用文本编辑器构建自己的自定义工具栏,其中包含字体类型和字体大小、粗体、斜体等。 我推荐了很多编辑器,但我不想要该编辑器的文本区域。 我需要的是一个文本框/文本区域和其中的文本,因此当我选择特定文本时,我的自定义工具栏应该并且可以编辑内容。 这在 Javascript/JQuery 中可能吗?
请您参考如下方法:
清楚地提出你的问题。
如果我是对的,我知道您想要编辑使用自定义工具栏选择的文本的样式。就这样?
编辑------------------------------------------------
我可以向您推荐这个编辑第一个字符串出现的 JS 函数(我继续搜索如何解决这个问题)并将其以粗体显示:
function selected(){
var highlight = window.getSelection();
var span = '<span style="font-weight:bold;">' + highlight + '</span>';
document.body.innerHTML = document.body.innerHTML.replace(highlight, span);
}
<div>
Stack Test Test Test sdf OverflowStack Test Test Test sdf OverflowStack Test
Test Test sdf OverflowStack Test Test Test sdf OverflowStack Test Test Test
sdf OverflowStack Test Test Test sdf OverflowStack Test Test Test sdf
OverflowStack Test Test Test sdf Overflow
</div>
<button onclick="selected();">Test</button>