Question

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

Answer 1

清楚地提出你的问题。

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

EDIT -------------------------------

我可以建议你这个编辑第一个字符串出现的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>

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

1 个答案: