Question

是否有可能在突出显示时更改文本颜色，大小和字体我试图看看如何在不通过课程的情况下完成此操作并且id是可能的

我需要的是脚本我剩下的就是我的脚本

 $("#fs").change(function() {
//alert($(this).val());
$('.item1').css("font-family", $(this).val());

 });

$("#size").change(function() {
$('.item1').css("font-size", $(this).val() + "px");
});


 $('.foo').click(function(){
$('.item2').css("color", $(this).attr('data-color'));
 });

Answer 1

不幸的是，这种功能没有开箱即用的解决方案。但您仍然可以使用document.getSelection()以及关键事件（例如mouseup）来实现您所寻找的内容。

<label>Highlight any text from this sentence</label>
<br>
<label>Highlight any text from this sentence</label>

$(document).on('mouseup',function(e) // delegate a mouseup event on the document
{   
  // locate the target element using e.target
  $(e.target).html($(e.target).html().replace(document.getSelection(), '<span class=\"highlighted\">' + document.getSelection() + '</span>')); // replace the html by replacing the selected text via document.getSelection() with a html enclosed text.
});

示例：https://jsfiddle.net/DinoMyte/ez8cgsx7/6/

高亮时编辑文本大小和颜色

1 个答案: