2016-10-19 18 views
1

我使用下面的代碼來檢索,我從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> 

這種風格類是commmon所有斜體文本

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

現在我想要將所有粘貼在文本框中的單詞以斜體顯示,並且突出顯示斜體字文本框

我該如何使用JavaScript來做到這一點。 注:textarea以String格式存儲內容,所以變量textareacont字符串 請幫我卡住,我只知道初學者級別的JS。

回答

0

如果您知道其容器的類,則可以使用CSS突出顯示單詞。

嘗試是這樣的:

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

該類.fontsytl0是從PDF格式文本到來類。我無法做到這一點,但所有類都包含font-style:斜體,如果該單詞在PDF中是斜體的。即使我在字體樣式中添加背景顏色:italic也會在同一個文本框中突出顯示。你知道任何解決方案 –

相關問題