Настроить кнопку редактирования для ContentTools

Question

Мне сложно понять, как я могу изменить внешний вид и/или положение кнопки редактирования (зажигания) в ContentTools (редактор wysiwyg).

Я узнал, что могу использовать editor.start(); и editor.stop();, чтобы вызвать редактирование страницы, и я хотел бы сопоставить эти функции с моими собственными кнопками, но я не могу избавиться от кнопки по умолчанию.

Документация и учебные пособия на их веб-сайте не помогли мне, чтобы понять это.

Спасибо!

Answer 1

Есть 2 способа я рекомендую делать это, самый простой вариант, чтобы скрыть кнопку зажигания (как это называется), как так (reference SASS):

.ct-ignition { 
    display: none; 
} 

Если вы предпочитаете, чтобы удалить кнопку из DOM полностью, то вы можете отключить кнопку из пользовательского интерфейса, как так (reference CoffeeScript):

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

Мой совет должен был бы использовать CSS, чтобы скрыть зажигание и вызвать события против него вызвать функциональные возможности вручную с помощью пользовательской кнопки, так:

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

Это может быть полезно рассмотреть эти вопросы, заданные на проектах, GitHub списка проблем также:

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