Я использую CKEditor в сочетании с AngularJS для встроенного редактирования (используя contenteditable).
При размытии CKeditor запрос $http отправляется на сервер и обновляет базу данных, в частности пару ключ/значение перевода связанной строки, которая была только что изменена.
На сервере сразу после обновления строки в БД срабатывает система сборки и переписывается [lang].json (статический файл) путем опроса БД.
Как заставить angular-translate перезагрузить [lang].json?
Я видел кучу страниц, посвященных частичной перезагрузке, но не нашел никакой информации о перезагрузке статических файлов.
Вот что делает директива.
.directive('frontOfficeEdit', [
// RESTIntranet IS AN ANGULAR FACTORY COMMUNICATING WITH THE REST API
'$rootScope',
'$parse',
'RESTIntranet',
'$translate',
'$filter',
function (
$rootScope,
$parse,
RESTIntranet,
$translate,
$filter
) {
var counter = 0,
prefix = '__ckd_';
return {
restrict: 'A',
link: function (scope, element, attrs, controller) {
// editMode IS A BOOLEAN DECLARED INTO THE DIRECTIVE'S PARENT $scope.
scope.$watch('editMode', function(newVal, oldVal) {
if (!newVal) // IF editMode IS SET TO FALSE (OFF)
{
// REMOVE contenteditable FROM ELEMENT
attrs.$set('contenteditable', false);
// DESTROY ALL CKEDITOR INSTANCES AS SOON AS USER TURNS OFF editMode IN THE GUI.
// THERE CAN BE MULTIPLE CKEDITOR INSTANCES ON THE SAME PAGE, SO, TO MAKE SURE, DESTROY ALL.
for(name in CKEDITOR.instances)
{
CKEDITOR.instances[name].destroy();
}
return;
}
else // ELSE, editMode IS SET TO TRUE (ON)
{
var getter = $parse(attrs.frontOfficeEdit),
setter = getter.assign;
attrs.$set('contenteditable', true); // inline ckeditor needs this
if (!attrs.id) {
attrs.$set('id', prefix + (++counter));
}
var options = {};
// ON BLUR, SAVE CKEDITOR'S CONTENT TO REMOTE DB (REST API)
options.on = {
blur: function (e) {
if (e.editor.checkDirty()) {
var ckValue = e.editor.getData();
// TRANSLATE IT?
ckValue = $filter('translate')(ckValue);
scope.$apply(function () {
console.log('--->@{369} ckValue is going to be inserted/updated in DB through service : ');
console.log(ckValue);
// CB FRAMEWORK INTRANET REST API CALL
RESTIntranet.saveContent(ckValue, attrs.stringid, attrs.stringname);
// UPDATE THE STRING IN STRINGS (JSON)
current_language = $translate.use();
curlang_caps = current_language.toUpperCase();
stringname = attrs.stringname;
// THIS ENSURES THAT SCOPE'S OBJECT IS SET TO THE PROPER VALUE, EVEN ONCE CKEDITOR ARE DESTROYED
/*
————————— BUT THEN, IF I CHANGE FROM EN TO FR, AND THEN GO BACK TO FR, THE TEXT IS AS BEFORE
*/
setter(scope, ckValue);
});
ckValue = null;
e.editor.resetDirty();
}
}
};
options.extraPlugins = 'sourcedialog,find';
options.removePlugins = 'sourcearea';
var editorangular = CKEDITOR.inline(element[0], options); //invoke
scope.$watch(attrs.frontOfficeEdit, function (value) {
// TRANSLATE IT?
value = $filter('translate')(value);
editorangular.setData(value);
});
} // - EOF - else
}, true); // - EOF - scope.$watch('editMode', function(newVal, oldVal) {
}
// - EOF - link
}
// - EOF - return
}]);
У меня недостаточно опыта работы с javascript, чтобы знать, где и как подключиться (пока недостаточно опыта работы с асинхронными вещами). Спасибо.