TinyMCE：選擇粗體時，如何使用不同的字體而不是應用普通的粗體樣式？

Question

當我在TinyMCE中選擇粗體時，我想讓它使用不同的字體，而不是僅使用當前字體的粗體變體 - 我該怎麼做？

Answer 1

 
    

    // get the current editor 
    var editor = tinyMce.activeEditor; 

    // get the editor formatter 
    var f = editor.formatter; 

    define my custom format 
    var f = editor.formatter; 

    f.register('customBold', { 
     inline: 'span', 
     selector: 'span,p', 
     styles: { fontWeight: 'bold',fontFamily: 'arial'.....your custom style }, 
    }); 

    editor.addCommand('customBold',function(){ 
     editor.applyFormat(name) 
    }); 

    editor.addButton(customBtn, { 
     tooltip: 'My custom bold', 
     icon: 'bold', 
     cmd: customBold 
    }); 

    don't forgot to add a custom btn in you tollbar. 

 

Answer 2

看看你大膽文字的源代碼，它可以根據你的小實例的設置被標記

<strong>, <b>, <span style="*"> or else 

。

當您知道這一點時，您應該可以在編輯器樣式表中設置字體。

例如

p strong{ 
    font-weight:400; 
    font-family: ...; 
}