如何在增加字體大小的TinyMCE 4中創建一個按鈕

是否有人設法在TinyMCE 4中創建一個按鈕，使所選文本的字體大小增加1px？如何在增加字體大小的TinyMCE 4中創建一個按鈕

我遇到的問題是獲取所選文本的標記，無論它是否在跨度中。我願意修改TinyMCE源代碼。

感謝您的任何想法。

來源

2015-01-09 Steve

這一個爲我工作：'big' – user2094178 2015-01-16 23:34:54

你不需要修改源代碼，你可以創建一個插件。

下面是如何創建TinyMCE的插件文件：根據您可以創建自己的按鈕（see working example） http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin

這裏是代碼的一部分：

var currentFontSize = new Number($(tinyMCE.activeEditor.selection.getNode()).css('font-size').replace('px','')); //remove the px part 
     currentFontSize = currentFontSize + 1; //increase font by one 

     tinymce.activeEditor.formatter.register('mycustomformat', { 
     inline : 'span', 
     styles : {'font-size' : currentFontSize + 'px'} //this is the font size incremented by one 
}); 

tinymce.activeEditor.formatter.apply('mycustomformat'); //apply the format to the selected text

來源

2015-01-16 21:48:44 JoMendez

非常感謝，何塞！ – Steve 2015-01-19 16:18:25

我不確定_why_此解決方案的工作原理。第一行獲取包含選擇的_node_的字體大小，可能是'p'。但是選擇本身可能有不同的字體大小，並且肯定會在第一次通過單擊按鈕來運行該功能之後。然而，下一次讀取的字體大小是凸起的字體大小。奇怪的是，如果您嘗試以字母間距來執行此操作，則此解決方案不起作用，即，使按鈕將選區的字母間距增加1px。我希望你仍然關注這個問題，並且有時間來澄清這個問題。謝謝。 – Steve 2015-01-24 01:27:18

如何在增加字體大小的TinyMCE 4中創建一個按鈕

回答

相關問題