Does anyone know, how to make the Macro content editable in TinyMice3 RTE?
The NoneEditable Plugin - or the Grid - is passing automatically the "umb-macro-holder mceNonEditable" class to Macros, which is preventing users from being able to change (i.e. edit) content in the RTE within this class.
Wondering where to find & change it to "mceEditable" - or trying to figure out why is TinyMice passing mceNonEditable to Macros??
Fire LoadContent event in custom tinyMceEditor
Hello
I have an issue: it's needed to add macro in RTE as html-code and after that to reload content to see macro.
I get the correct "html"
after I saved the page and reload it manually, I could see macros
But how sholud I reload the RTE content by js and see macro before page save?
Hello. Here is the answer:
function MyController($scope, $routeParams, $http) {
$scope.property = {
view: 'rte',
config: {
editor: {
toolbar: ["code", "undo", "redo", "cut", "styleselect", "bold", "italic", "alignleft", "aligncenter", "alignright", "bullist", "numlist", "link", "umbmediapicker", "umbmacro", "table", "umbembeddialog"],
dimensions: { height: '400px' }
}
},
value: $scope.model.value
};
$scope.$watch('property.value', function(newValue, oldValue) {
var rg = /<div.*?class="umb-macro-holder.*?mceNonEditable.*?\>.*?(\<\?UMBRACO_MACRO.*?macroAlias="(.*?)".*?\/\>)[\s\S]*?<\/ins><\/div>/gim;
$scope.model.value = newValue.replace(rg, "<div class=\"umb-macro-holder mceNonEditable\"><!-- $1 --><ins>Macro alias: <strong>$2</strong</ins></div>");
tinyMCE.EditorManager.activeEditor.fire('LoadContent', null);
});
}
Hi,
Does anyone know, how to make the Macro content editable in TinyMice3 RTE? The NoneEditable Plugin - or the Grid - is passing automatically the "umb-macro-holder mceNonEditable" class to Macros, which is preventing users from being able to change (i.e. edit) content in the RTE within this class.
Wondering where to find & change it to "mceEditable" - or trying to figure out why is TinyMice passing mceNonEditable to Macros??
Thanks
is working on a reply...