HTMLタグから値を取得する（tinymce 4.x）

Question

私はtinymceエディタのコンテンツ（HTML）から最初のフォントファミリを取得しようとしています。電話番号：

<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>