Tinymce切換格式，格式化按鈕不是編輯器

Question

所以即時通過tinymce4 api發現一個小問題，iv創建了一個自定義格式，我想用按鈕來調整。但是發生的事情是單擊按鈕時，樣式應用到按鈕，而不是實際的CONTENTEDITABLE場..

​​

和HTML：

<button class="js-toggleformat">Toggle</button> 

<div id="editable" contenteditable="true"></div> 

Answer 1

我有類似的問題。我猜你正在使用內聯編輯選項。當您單擊編輯字段外部時，tinymce id已停用。

您可以通過兩個方法來解決這個問題：

1. 你可以自定義工具欄，並添加你所需要的格式工具欄
2. 在TinyMCE的模糊事件中使用瘦長庫存儲的範圍內。在按鈕上單擊第一次激活tinymce，恢復保存的範圍，然後使用tinymce格式化程序切換樣式

希望這會有所幫助。

Answer 2

看一個例子。 tinymce插件「textcolor」使用一個函數「applyFormat」來應用顏色。它看起來像這樣：

function applyFormat(format, value) { 
    editor.focus(); 
    editor.formatter.apply(format, {value: value}); 
    editor.nodeChanged(); 
} 

此基礎上，本應工作你的情況：

tinymce.activeEditor.focus(); 
tinymce.activeEditor.formatter.apply('mycustomformat'); 
tinymce.activeEditor.nodeChanged();