2015-09-28 42 views
8

Utworzono wtyczkę TinyMCE i potrzebuję elementów listbox do wyświetlenia html. To jest mój plugin:Elementy listy renderowania TinyMCE jako html

editor.addButton('icons', { 
    title: 'Foo', 
    text: 'Foo', 
    type: 'button', 
    onclick: function() { 
    editor.windowManager.open({ 
     title: 'Foo', 
     width: 300, 
     height: 200, 
     body: [{ 
     type: 'listbox', 
     label: 'Foo', 
     name: 'foo', 
     values: [{ 
      title: '<em>Foo</em>', // <-- Mark save. Render as html. 
      value: 1 
     }], 
     }], 
    }); 
    } 
}); 

Patrz także skrzypce: http://jsfiddle.net/allcaps/vqctac3d/

Ale wyjście wygląda następująco:

enter image description here

Oczekiwany:

enter image description here

Jak można Zaznaczam tytuł opcji listy zapisz, więc zawartość jest renderowana jako html?

+0

Myślę, że moje słownictwo jest ograniczone do myślenia o odpowiednich wyszukiwanych frazach ... Więc wszelkie wskazówki są mile widziane. – allcaps

+0

Dlaczego nie używasz css do stylizowania tytułu listy i elementów listy? – Thariama

+0

Jak wybrać te elementy listy? Nie mogę ustawić klasy ani identyfikatora. Wybieranie według indeksu nie będzie działać z treścią dynamiczną. – allcaps

Odpowiedz

2

Ponieważ nikt inny nie odpowiedział na to pytanie, przedstawię proponowane rozwiązanie/obejście z komentarza w odpowiedzi.

W rzeczywistości nie jest możliwe wstawienie kodu html przy użyciu metody tworzenia listbox'a. Ale jest możliwe, aby styl listboxes za pomocą css.

Z uwagi na fakt, że listy elementów i inne elementy interfejsu tinymce są renderowane dynamicznie, może być trudno podać prawidłowe elementy HTML.

Obejściem tego może być wymiana html listbox po utworzeniu listbox. Jest to możliwe w przypadku, gdy zamówienie jest znane (i to prawie prawda).