Anpassen Bearbeitungsschaltfläche für ContentTools

Question

Ich habe eine harte Zeit zu verstehen, wie ich das Aussehen und/oder die Position der Schaltfläche Bearbeiten (Zündung) in ContentTools (ein Wysiwyg-Editor) ändern konnte.

Ich fand heraus, dass ich editor.start(); und editor.stop(); verwenden kann, um das Bearbeiten der Seite auszulösen, und ich möchte diese Funktion meinen eigenen Schaltflächen zuordnen, aber ich kann die Standardschaltfläche nicht loswerden.

Die Dokumentation und Tutorials auf ihrer Website haben mir nicht genug geholfen, dies zu verstehen.

Vielen Dank!

Answer 1

Es gibt zwei Möglichkeiten, wie ich dies empfehle, ist die einfachste Möglichkeit ist die Zünd-Taste verstecken wie so (wie es heißt) (reference SASS):

.ct-ignition { 
    display: none; 
} 

Wenn Sie die Taste aus dem entfernen würden es vorziehen, DOM vollständig dann könnten Sie die Taste von der Benutzeroberfläche wie so (reference CoffeeScript) aushängen:

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

Mein Rat wäre, CSS zu verwenden, um die Zündung zu verstecken und Ereignisse auszulösen dagegen die Funktionalität nennen manuell über Ihre benutzerdefinierte Schaltfläche, so:

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); 

Es kann sinnvoll sein, diese Fragen über die die Projekte Github Ausgabe Liste gebeten überprüfen auch:

• https://github.com/GetmeUK/ContentTools/issues/77
• https://github.com/GetmeUK/ContentTools/issues/78