3

I have the following code

   $('#txtEditor').select(function (e) {
        var start = e.target.selectionStart;
        var end = e.target.selectionEnd;
        selText = $('#txtEditor').val().substring(start, end);
    });

<asp:TextBox ID="txtEditor" runat="server" TextMode="MultiLine" Width="500px" Height="500px" Font-Size="Large"></asp:TextBox>

I want to apply some style (colour it or make it bold or ittallic etc) only to the selected text (after selection) in the textbox. In selText Im getting the selected string. But I couldn't find any event or function which will apply style only to the selected string in the textbox.

4

2 回答 2

2

这是完整的解决方案... SUDHA

http://js fiddle .net/sandeepvirani/mzays/

删除之间的空间

于 2013-05-30T13:38:16.180 回答
0

要更改页面上文本选择部分的颜色,请使用 CSS::selection伪元素。

请参阅MDN 文档

但请注意,

  • 这是一个非标准选择器,许多浏览器都支持它,但没有得到 W3C 的认可。
  • 您不能更改任何属性,实际上只能更改颜色。不大胆!

如果您想更改段落或其他内容中的某些文本,可以使用 Javascript 快速将整个选择放入新元素 aspan或其他内容中,然后将属性应用于span. 但是,如果它是文本框中的文本,那么您就不走运了,因为您无法将子元素添加到input.

于 2013-05-30T07:33:28.123 回答