エディットテキストのサイズや色のハイライト

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/