Edit: /usr/share/usermin/html-editor-lib.pl (18147B)
# html-editor-lib.pl
# Quill HTML editor related subs
sub html_editor_load_bundle
{
my ($opts) = @_;
$opts ||= {};
my $html_editor_load_scripts;
# Load extra modules first
$html_editor_load_scripts .=
&html_editor_load_modules($opts);
# Load Quill HTML editor files
$html_editor_load_scripts .=
<
EOF
return $html_editor_load_scripts;
}
sub html_editor_load_modules
{
my ($opts) = @_;
my $html_editor_load_modules;
my $load_css_modules = sub {
my ($css_modules) = @_;
foreach my $module (@{$css_modules}) {
$html_editor_load_modules .=
"{'web'}->{'prefix'}/unauthenticated/css/$module.min.css?$opts->{'_'}->{'web'}->{'timestamp'}' rel='stylesheet'>\n";
}
};
my $load_js_modules = sub {
my ($js_modules) = @_;
foreach my $module (@{$js_modules}) {
$html_editor_load_modules .=
"\n";
}
};
# Load extra CSS modules
if ($opts->{'extra'}->{'css'}) {
&$load_css_modules($opts->{'extra'}->{'css'})
}
# Load extra JS modules
if ($opts->{'extra'}->{'js'}) {
&$load_js_modules($opts->{'extra'}->{'js'})
}
# Automatically load dependencies
# based on editor mode
if ($opts->{'type'} eq "advanced") {
my $highlight_bundle = ['highlight/highlight'];
my @highlight_bundle = @{$highlight_bundle};
if ($opts->{'_'}->{'client'}->{'palette'} eq 'dark') {
foreach (@highlight_bundle) {
$_ .= "-dark"
if (-e "$root_directory/unauthenticated/css/$_-dark.min.css");
}
}
&$load_css_modules(\@highlight_bundle);
&$load_js_modules($highlight_bundle);
}
return $html_editor_load_modules;
}
sub html_editor_template
{
my ($opts) = @_;
$opts ||= {};
$html_editor_template =
<{'before'}->{'container'}
$opts->{'before'}->{'editor'}
$opts->{'after'}->{'editor'}
";
sessionStorage.setItem('$module_name/quill=last-message', editor.root.innerHTML);
let extraValue = String(),
sync = JSON.parse('@{[&convert_to_json($opts->{'textarea'}->{'sync'}->{'data'})]}'),
position = '@{[$opts->{'textarea'}->{'sync'}->{'position'}]}',
err = false;
try {
// Gather data from additional elements if given
if (sync.constructor === Array) {
sync.forEach(function(_) {
let content_document = document;
if (_.iframe) {
content_document =
document.querySelector(_.iframe).contentWindow.document;
}
_.elements.forEach(function(element) {
const element_ = content_document.querySelector(element);
(element_ && (extraValue += element_.innerHTML));
})
});
}
} catch(e) {
err = true;
}
if (!err) {
if (position === 'before') {
targ.value = extraValue + targ.value;
} else {
targ.value = targ.value + extraValue;
}
}
// Inject our styles (unless already injected) to be sent alongside
// with the message. These styles later can be optionally turned in
// inline styling to satisfy GMail strict rules about HTML emails
if (!targ.value.match(/data-iframe-mode=(.*?)$iframe_styles_mode(.*?)/)) {
targ.value = targ.value +
'';
}
});
// Prevent loosing focus for toolbar selects (color picker, font select and etc)
editor.getModule("toolbar").container.addEventListener("mousedown", (e) => {
e.preventDefault();
});
// Don't loose message content if the page
// is reloaded or history back is clicked
let restore_message = false;
try {
restore_message = window.performance.getEntriesByType("navigation")[0].type !== 'navigate' &&
navigation_type !== 'navigate'
} catch(e) {
restore_message = false;
}
if (restore_message) {
const quill_last_message = sessionStorage.getItem('$module_name/quill=last-message');
if (quill_last_message) {
editor.pasteHTML(quill_last_message);
return;
}
}
// Update editor on initial load
editor.pasteHTML(targ.value);
sessionStorage.setItem('$module_name/quill=last-message', editor.root.innerHTML);
}
@{[$opts->{'load'} ? "fn_${module_name}_html_editor_init()" : '']}
EOF
return $html_editor_init_script;
}
sub html_editor
{
my ($opts) = @_;
# Populate defaults
&html_editor_opts_populate_defaults($opts);
# Get template
my $html_editor_template =
&html_editor_template($opts);
# Get toolbar styling
my $html_editor_styles_toolbar =
&html_editor_styles('toolbar');
# Load bundles
my ($html_editor_load_scripts);
my %tinfo = &get_theme_info($current_theme);
if (!$tinfo{'spa'}) {
# Load HTML editor files and dependencies
$html_editor_load_scripts =
&html_editor_load_bundle($opts);
}
# HTML editor init
$opts->{'load'} = !$tinfo{'spa'};
my $html_editor_init_scripts =
&html_editor_init_script($opts);
# Return complete HTML editor
return $html_editor_template .
$html_editor_styles_toolbar .
$html_editor_load_scripts .
$html_editor_init_scripts;
}
sub html_editor_opts_populate_defaults
{
my ($opts) = @_;
# Miniserv webprefix
$opts->{'_'}->{'web'}->{'prefix'} = &get_webprefix();
# Webmin version to timestamp
my $webmin_version = &get_webmin_version();
$webmin_version =~ s/[.-]+//g;
$opts->{'_'}->{'web'}->{'timestamp'} = $webmin_version;
# Client color palette
$opts->{'_'}->{'client'}->{'palette'} = $ENV{'HTTP_X_COLOR_PALETTE'};
}
sub html_editor_substitute_classes_with_styles
{
my ($styled_html_email) = @_;
my ($document_styles_string) = $styled_html_email =~ /(.*)<\/style>/;
if ($document_styles_string) {
my (%document_styles_class_names) =
$document_styles_string =~ /(\.[\w\-\_\d\,\.]+)\s*\{\s*([^}]*?)\s*\}/migx;
my $class_string = sub {
return "class=\"$_[0]\"";
};
my $style_string = sub {
return "style=\"$_[0]\"";
};
my $style_format = sub {
my ($stl) = @_;
# Format style nicely, as Google Mail insists
# on having these formatted neatly
$stl =~ s/(:|;)\s*/$1 /g;
$stl =~ s/(? length($b) } keys %document_styles_class_names) {
my @classes = split(/\s*,\s*/, $classes);
foreach my $class (reverse sort { length($a) <=> length($b) } @classes) {
my (@class_parts) = $class =~ /\.([\S][^\.]+)/migx;
my (@style_exact_full) =
map { &$style_format($document_styles_class_names{$_}) }
grep { $_ =~ /(?/migx;
foreach my $tag_name (&unique(@document_styles_tag_names)) {
my (%document_styles_tag_names) = $document_styles_string =~ /(\Q$tag_name\E)\s*\{\s*([^}]*?)\s*\}/migx;
foreach my $tag (keys %document_styles_tag_names) {
my $tag_style = &$style_format($document_styles_tag_names{$tag});
$styled_html_email =~ s/(<$tag)(?![^>]+style).*?>/$1 style="$tag_style">/mig;
}
}
}
return $styled_html_email;
}
1;