2011-10-12 159 views
16

我必須在Tiny MCE中使用HTML 5 data attribute,但編輯器始終清除它們,因爲它不是默認的valid_elements配置已知的屬性。TinyMCE,允許數據屬性

所以我有2個問題在這裏:

  • 數據屬性是動態的(也可能是數據選項,數據檢驗,數據富,等...),所以我需要一個通配符值或者其他的東西。
  • 我想允許所有標籤的數據屬性。

到目前爲止,我已經試過:

extended_valid_elements : '@[id|class|title|style|data-options]', 

和:

extended_valid_elements : '*[id|class|title|style|data*]', 

但它不工作:(

回答

4

extended_valid_elements是不是這裏的最佳選擇。 Hava一看valid_elementssetting。下面是一個例子

// The valid_elements option defines which elements will remain in the edited text when the editor saves. 
    valid_elements: "@[id|class|title|style|data-options|data*]," + 
    "a[name|href|target|title]," + 
    "#p,-ol,-ul,-li,br,img[src|height|width],-b,-i,-u," + 
    "-span[data-mce-type],hr", 
+6

爲什麼extended_valid_elements不是最好的選擇?另外,根據我的理解,valid_elements選項必須定義所有的標記和屬性,因爲它將覆蓋默認值(它不會將我的定義添加/追加/合併到實際的定義)。我不希望我的TinyMCE初始化在每個需要編輯器的地方都是300 +行... – FMaz008

+0

在這種情況下,您並未向編輯器添加新元素。你只想添加一個屬性。它可能不是非常有用,但它是否使用valid_elements參數工作? – Thariama

+0

@Thariama, 我與FMaz008有同樣的問題,但用tinymce刪除了我的輸入'樣式'屬性。我有'valid_elements:'@ [id | class | style | title | dir govinda

3

我使用:

extended_valid_elements: "[email protected][data-options]" 

,它爲我工作。 (TinyMCE 4.3.11。注意+號?)

+0

這適用於我但不支持自定義屬性 –

+0

對不起,這不適合我。你能否提供更多的細節? – jhned

+0

謝謝,救了我一天。自定義屬性確實不受支持,因爲AFAIK它們不是有效的HTML,但可以使用HTML5自定義數據屬性(「data- *」,如「data-myamazingcustomattribute」中的) –