没有任何编辑器的文本区域的自定义工具栏

Question

我想用文本编辑器构建自己的自定义工具栏，其中包含字体类型和字体大小，粗体，斜体等。我推荐了许多编辑，但我不想要这些编辑的文本区域。我需要的是一个文本框/文本区域和里面的文本，所以当我选择特定文本时，我的自定义工具栏应该并且可以编辑内容。这在Javascript/JQuery中可能吗？

Answer 1

清楚地提出你的问题。

如果我是对的，我已经了解您想使用自定义工具栏编辑您选择的文本的样式。就是这样？

编辑-------------------------------------

我可以向您推荐这个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>