|
Server : Apache System : Linux s1230 5.15.0-139-generic #149~20.04.1 SMP Tue Jul 14 11:21:49 UTC 2026 x86_64 User : p141464 ( 418825) PHP Version : 7.4.33.12 Disable Function : NONE Directory : /html/KMU-CSR-PLANER/wp-content/themes/betheme/visual-builder/assets/js/forms/fields/ |
Upload File : |
function mfn_field_ace(field = false) {
let html = `<div class="mfn-ace-editor-wrapper"><pre id="editor"></pre></div>`;
setTimeout(function() {initAceEditor(field);}, 50);
return html;
}
function initAceEditor(field = false) {
ace.require("ace/ext/language_tools");
var editor = ace.edit("editor");
editor.session.setMode("ace/mode/html");
if( jQuery('#mfn-visualbuilder').hasClass('mfn-ui-dark') ){
editor.setTheme("ace/theme/tomorrow_night");
}else{
editor.setTheme("ace/theme/tomorrow");
}
editor.setOptions({
minLines: 20,
maxLines: Infinity,
showGutter: true,
useWorker: true,
wrap: true,
enableBasicAutocompletion: true,
enableLiveAutocompletion: true
});
if( _.has(edited_item['attr'], field.id) && edited_item['attr'][field.id].length ){
editor.setValue( edited_item['attr'][field.id] );
}
editor.session.on('change', function(delta) {
var val = editor.getValue();
if( !val ){
$content.find('.mcb-item-'+edited_item.uid+' .mfn-html-editor-wrapper').html('<div class="mfn-widget-placeholder"><img class="item-preview-image" src="'+mfn.themepath+'/visual-builder/assets/_dark/svg/items/code.svg" alt=""></div>');
}else{
let ready_html = val
.replaceAll('<!DOCTYPE html>', '')
.replaceAll('<html', '<div')
.replaceAll('<head>', '')
.replaceAll('</head>', '')
.replaceAll('<body', '<div')
.replaceAll('</body>', '</div>')
.replaceAll('</html>', '</div>');
$content.find('.mcb-item-'+edited_item.uid+' .mfn-html-editor-wrapper').html(ready_html);
}
if( !_.has(edited_item, 'attr') ) edited_item.attr = {};
edited_item.attr[field.id] = val;
});
}