Добавление своей кнопки в новый виз.редактор и работа с его содержимым
Запись от 02.07.2015
Понадобилось для очередного типографа, вот JS код, который и кнопку добавит и контент обновит:
Код с добавлением кнопки был подсмотрен здесь.
Если коротко, то в _this сохраняется объект BXEditor, а затем с помощью методов GetContent() получаем содержимое, а с помощью SetContent и ReInitFrame обновляем содержимое и сам визуальный редактор.
P.S. Event для загрузки скрипта выглядит примерно так:
BX.addCustomEvent('OnEditorInitedBefore',function(toolbar){
var _this=this;
this.AddButton({
iconClassName:'bxhtmled-button',
src:'yourpath',
id:'typograf',
title:'typograf',
handler:function(e){
var content = _this.GetContent();
$.ajax({
type: "POST",
url: 'yourpath',
data: ({CONTENT: content}),
success: function(data) {
_this.SetContent(data, true);
_this.ReInitIframe();
},
});
}
});
});
Код с добавлением кнопки был подсмотрен здесь.
Если коротко, то в _this сохраняется объект BXEditor, а затем с помощью методов GetContent() получаем содержимое, а с помощью SetContent и ReInitFrame обновляем содержимое и сам визуальный редактор.
P.S. Event для загрузки скрипта выглядит примерно так:
$eventManager->registerEventHandler("fileman", "OnIncludeHTMLEditorScript", "module.id", "ModuleClass", "ModuleFunction");