想要检查文本是否为斜体,如果是,则突出显示文本框中的文本

时间:2016-10-19 06:37:34

标签: javascript

我使用以下代码检索我从PDF复制并在文本框中粘贴的内容

<textarea id="ta" onpaste="functionItalic(event)"></textarea>

函数getData(text / html')检索html / rich文本格式的数据。我将内容存储在变量中。

function functionItalic(pasteEvent)
{
    var textareacont = (pasteEvent.originalEvent || pasteEvent).clipboardData.getData("text/html");
    console.log(textareacont);
}

在文本框中粘贴PDF的内容时,控制台上的文本

<html>
<head><meta http-equiv=Content-Type content="text/html; charset=utf-8"><style>
<!--
br
{
mso-data-placement:same-cell;
}
table
{
mso-displayed-decimal-separator:"\.";
mso-displayed-thousand-separator:"\, ";
}
tr
{
mso-height-source:auto;
mso-ruby-visibility:none;
}
td
{
border:.5pt solid windowtext;
}
.NormalTable{cellspacing:0;cellpadding:10;border-collapse:collapse;mso-table-layout-alt:fixed;border:none; mso-border-alt:solid windowtext .75pt;mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-border-insideh:.75pt solid windowtext;mso-border-insidev:.75pt solid windowtext}
.fontstyle0
{
    font-family:Times-Italic;
    font-size:10pt;
    font-style:italic;
    font-weight:normal;
    color:rgb(0,0,0);
}
-->
</style></head><body>
<!--StartFragment-->
<span class="fontstyle0">H</span> 
<br style=" font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">
<!--EndFragment-->
</body>
</html>

此Style类是所有斜体文本

的通用
.fontstyle0
{
    font-family:Times-Italic;
    font-size:10pt;
    font-style:italic;
    font-weight:normal;
    color:rgb(0,0,0);
}

现在,我希望在文本框中将所有粘贴在文本框中的单词斜体和突出显示斜体单词

我怎样才能使用JavaScript。 注意:textarea以String格式存储内容,因此变量 textareacont 位于字符串中 请帮助我卡住,我只知道初级JS。

1 个答案:

答案 0 :(得分:0)

如果你知道他们的容器类,你可以使用CSS突出显示单词。

尝试这样的事情:

.fontstyle0
{
    background-color: yellow;
    font-family:Times-Italic;
    font-size:10pt;
    font-style:italic;
    font-weight:normal;
    color:rgb(0,0,0);
}