從html標籤中獲取價值（tinymce 4.x）

Question

我試圖從tinymce編輯器內容（HTML）中獲得第一個字體系列。 F.e .:

<p><span style="font-family: arial, helvetica, sans-serif;">Find font here</span></p> 

我想找回「arial，helvetica，sans-serif;」

經過一番研究，我發現了一個parser from tinymce本身，可能做這樣的事情：

tinymce.dom.DomQuery('p').attr('span', 'font-family').find('font-family')); 

你看到的是我已經解釋搜索選項，但什麼都不會返回。如果這是一個（更好的）選項，我也有JQuery。我想要什麼（全文第一字體家族）可能很簡單，我只是不明白如何...

Answer 1

這很容易實現使用jQuery的css方法。

$(document).ready(function() { 
 
    var span = $('p span').first(); 
 
    var fontFam = span.css('font-family'); 
 
    $('p').append('<pre>'+fontFam+'</pre>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p><span style="font-family: arial, helvetica, sans-serif;">Find font here</span></p>