Dostosuj przycisk edycji dla narzędzia ContentTools

Trudno mi zrozumieć, w jaki sposób mogę zmienić wygląd i/lub położenie przycisku edycji (Ignition) w ContentTools (edytor WYSIWYG).Dostosuj przycisk edycji dla narzędzia ContentTools

Dowiedziałem się, że mogę użyć editor.start(); i , aby uruchomić edycję strony i chciałbym zamapować te funkcje na moje własne przyciski, ale nie mogę pozbyć się domyślnego przycisku.

Dokumentacja i samouczki na ich stronie internetowej nie pomogły mi w zrozumieniu tego.

Dziękujemy!

Źródło

2016-01-07 Last Templar

Nie brakuje redaktorów dostępnych. Jeśli potrzebne funkcje nie są udokumentowane lub dostępne, znajdź inny, który jest – charlietfl

Potrzebuję bardzo prostego, lekkiego edytora WYSIWYG, który również pozwala na przesyłanie obrazów. Użyłem CKEditor, ale nie podoba mi się to zbytnio, ponieważ używam Laravel jako frameworka, a do przesłania obrazu potrzebny jest menedżer plików, a to za dużo tylko dlatego, że można edytować 2 textareas i przesłać obraz. –

Istnieją 2 sposoby, ja polecam to zrobić, najprostszym rozwiązaniem jest, aby ukryć przycisk zapłonu (jak to się nazywa) jak tak (reference SASS):

.ct-ignition { 
    display: none; 
}

Jeśli wolisz, aby usunąć przycisk z DOM całkowicie następnie można odmontować przycisk z UI jak tak (reference CoffeeScript):

// Once the Editor has been initialized 
ContentTools.EditorApp.get()._ignition.unmount();

Moja rada byłoby użyć CSS, aby ukryć zapłon i wyzwalać zdarzenia na to, aby połączyć funkcjonalność ręcznie za pośrednictwem przycisku niestandardowego tak:

var editor = ContentTools.EditorApp.get(); 

// Starting the editor manually 
editor._ignition.trigger('start'); 

// Stoping the editor manually (save) 
editor._iginition.trigger('stop', true); 

// Stoping the editor manually (cancel) 
editor._iginition.trigger('stop', false);

Może to być przydatne do przeglądu tych pytań zadawanych na liście emisyjnym github również projekty:

Źródło

2016-01-07 16:36:57

Dziękujemy! to bardzo pomogło! –

Nie mogę uzyskać następujących czynności do pracy; var editor = ContentTools.EditorApp.get(); // Ręczne uruchamianie edytora: //editor._ignition.trigger('start '); Ale mogę to załatwić; var editor = ContentTools.EditorApp.get(); editor.start() Czy interfejs API się zmienił? – GrayDwarf

Dostosuj przycisk edycji dla narzędzia ContentTools

Odpowiedz

Powiązane problemy