summaryrefslogtreecommitdiff
path: root/addons/web_editor/static/src/js/transcoder.js
diff options
context:
space:
mode:
Diffstat (limited to 'addons/web_editor/static/src/js/transcoder.js')
-rw-r--r--addons/web_editor/static/src/js/transcoder.js234
1 files changed, 0 insertions, 234 deletions
diff --git a/addons/web_editor/static/src/js/transcoder.js b/addons/web_editor/static/src/js/transcoder.js
deleted file mode 100644
index 6b42e028b3a..00000000000
--- a/addons/web_editor/static/src/js/transcoder.js
+++ /dev/null
@@ -1,234 +0,0 @@
-odoo.define('web_editor.transcoder', function (require) {
-'use strict';
-
-var widget = require('web_editor.widget');
-
-var rulesCache = [];
-var getMatchedCSSRules = function (a) {
- if (!rulesCache.length) {
- var sheets = document.styleSheets;
- for(var i = sheets.length-1; i >= 0 ; i--) {
- var rules;
- if (sheets[i].rules) {
- rules = sheets[i].rules;
- } else {
- //try...catch because Firefox not able to enumerate document.styleSheets[].cssRules[] for cross-domain stylesheets.
- try {
- rules = sheets[i].cssRules;
- } catch(e) {
- console.warn("Can't read the css rules of: " + sheets[i].href, e);
- continue;
- }
- rules = sheets[i].cssRules;
- }
- if (rules) {
- for(var r = rules.length-1; r >= 0; r--) {
- var selectorText = rules[r].selectorText;
- if (selectorText &&
- rules[r].cssText &&
- selectorText !== "*" &&
- selectorText.indexOf(":hover") === -1 &&
- selectorText.indexOf(":before") === -1 &&
- selectorText.indexOf(":after") === -1 &&
- selectorText.indexOf(":active") === -1 &&
- selectorText.indexOf(":link") === -1 &&
- selectorText.indexOf("::") === -1 &&
- selectorText.indexOf("\"") === -1 &&
- selectorText.indexOf("'") === -1) {
- var st = selectorText.split(/\s*,\s*/);
- for (var k=0; k<st.length; k++) {
- rulesCache.push({ 'selector': st[k], 'style': rules[r].style });
- }
- }
- }
- }
- }
- rulesCache.reverse();
- }
-
- var css = [];
- a.matches = a.matches || a.webkitMatchesSelector || a.mozMatchesSelector || a.msMatchesSelector || a.oMatchesSelector;
- for(var r = 0; r < rulesCache.length; r++) {
- if (a.matches(rulesCache[r].selector)) {
- var style = rulesCache[r].style;
- if (style.parentRule) {
- var style_obj = {};
- for (var k=0, len=style.length; k<len; k++) {
- if (style[k].indexOf('animation') !== -1) {
- continue;
- }
- style_obj[style[k]] = style[style[k].replace(/-(.)/g, function (a, b) { return b.toUpperCase(); })];
- if (new RegExp(style[k] + '\s*:[^:;]+!important' ).test(style.cssText)) {
- style_obj[style[k]] += ' !important';
- }
- }
- rulesCache[r].style = style = style_obj;
- }
- css.push([rulesCache[r].selector, style]);
- }
- }
-
- function specificity (selector) {
- // http://www.w3.org/TR/css3-selectors/#specificity
- var a = 0;
- selector = selector.replace(/#[a-z0-9_-]+/gi, function () { a++; return ""; });
- var b = 0;
- selector = selector.replace(/(\.[a-z0-9_-]+)|(\[.*?\])/gi, function () { b++; return ""; });
- var c = 0;
- selector = selector.replace(/(^|\s+|:+)[a-z0-9_-]+/gi, function (a) { if(a.indexOf(':not(')===-1) c++; return ""; });
- return a*100 + b*10 + c;
- }
- css.sort(function (a, b) { return specificity(a[0]) - specificity(b[0]); });
-
- var style = {};
- _.each(css, function (v,k) {
- _.each(v[1], function (v,k) {
- if (v && _.isString(v) && k.indexOf('-webkit') === -1 && (!style[k] || style[k].indexOf('important') === -1 || v.indexOf('important') !== -1)) {
- style[k] = v;
- }
- });
- });
-
- _.each(style, function (v,k) {
- if (v.indexOf('important') !== -1) {
- style[k] = v.slice(0, v.length-11);
- }
- });
-
- if (style.display === 'block') {
- delete style.display;
- }
-
- _.each(['margin', 'padding'], function(p) {
- if (style[p+'-top'] || style[p+'-right'] || style[p+'-bottom'] || style[p+'-left']) {
- if (style[p+'-top'] === style[p+'-right'] && style[p+'-top'] === style[p+'-bottom'] && style[p+'-top'] === style[p+'-left']) {
- // keep => property: [top/right/bottom/left value];
- style[p] = style[p+'-top'];
- }
- else {
- // keep => property: [top value] [right value] [bottom value] [left value];
- style[p] = (style[p+'-top'] || 0) + ' ' + (style[p+'-right'] || 0) + ' ' + (style[p+'-bottom'] || 0) + ' ' + (style[p+'-left'] || 0);
- if (style[p].indexOf('inherit') !== -1 || style[p].indexOf('initial') !== -1) {
- // keep => property-top: [top value]; property-right: [right value]; property-bottom: [bottom value]; property-left: [left value];
- delete style[p];
- return;
- }
- }
- delete style[p+'-top'];
- delete style[p+'-right'];
- delete style[p+'-bottom'];
- delete style[p+'-left'];
- }
- });
-
- // text-decoration rule is decomposed in -line, -color and -style. This is
- // however not supported by many browser/mail clients and the editor does
- // not allow to change -color and -style rule anyway
- if (style['text-decoration-line']) {
- style['text-decoration'] = style['text-decoration-line'];
- delete style['text-decoration-line'];
- delete style['text-decoration-color'];
- delete style['text-decoration-style'];
- }
-
- return style;
-};
-
-// convert font awsome into image
-var font_to_img = function ($editable) {
- $editable.find(".fa").each(function () {
- var $font = $(this);
- var icon, content;
- _.find(widget.fontIcons, function (font) {
- return _.find(widget.getCssSelectors(font.parser), function (css) {
- if ($font.is(css[0].replace(/::?before/g, ''))) {
- icon = css[2].split("-").shift();
- content = css[1].match(/content:\s*['"]?(.)['"]?/)[1];
- return true;
- }
- });
- });
- if (content) {
- var color = $font.css("color").replace(/\s/g, '');
- $font.replaceWith($("<img/>", {
- "src": _.str.sprintf('/web_editor/font_to_img/%s/%s/%s', content.charCodeAt(0), window.encodeURI(color), Math.max(1, $font.height())),
- "data-class": $font.attr("class"),
- "data-style": $font.attr("style"),
- "class": $font.attr("class").replace(new RegExp("(^|\\s+)" + icon + "(-[^\\s]+)?", "gi"), ''), // remove inline font-awsome style
- "style": $font.attr("style")
- }).css({height: "auto", width: "auto"}));
- } else {
- $font.remove();
- }
- });
-};
-// convert image into font awsome
-var img_to_font = function ($editable) {
- $editable.find("img[src*='/web_editor/font_to_img/']").each(function () {
- var $img = $(this);
- $img.replaceWith($("<span/>", {
- "class": $img.data("class"),
- "style": $img.data("style")
- }));
- });
-};
-
-// convert class into inline style to send by mail
-var class_to_style = function ($editable) {
- if (!rulesCache.length) {
- getMatchedCSSRules($editable[0]);
- }
- $editable.find('*').each(function () {
- var $target = $(this);
- var css = getMatchedCSSRules(this);
- var style = $target.attr("style") || "";
- _.each(css, function (v,k) {
- if (!(new RegExp('(^|;)\s*' + k).test(style))) {
- style = k+":"+v+";"+style;
- }
- });
- if (_.isEmpty(style)) {
- $target.removeAttr("style");
- } else {
- $target.attr("style", style);
- }
- });
-};
-// convert style into inline class from mail
-var style_to_class = function ($editable) {
- getMatchedCSSRules($editable[0]);
-
- var $c = $('<span/>').appendTo("body");
-
- $editable.find('*').each(function () {
- var $target = $(this);
- var css = getMatchedCSSRules(this);
- var style = "";
- _.each(css, function (v,k) {
- if (!(new RegExp('(^|;)\s*' + k).test(style))) {
- style = k+":"+v+";"+style;
- }
- });
- css = ($c.attr("style", style).attr("style") || "").split(/\s*;\s*/);
- style = $target.attr("style") || "";
- _.each(css, function (v) {
- style = style.replace(v, '');
- });
- style = style.replace(/;+(\s;)*/g, ';').replace(/^;/g, '');
- if (style !== '') {
- $target.attr("style", style);
- } else {
- $target.removeAttr("style");
- }
- });
- $c.remove();
-};
-
-return {
- 'font_to_img': font_to_img,
- 'img_to_font': img_to_font,
- 'class_to_style': class_to_style,
- 'style_to_class': style_to_class,
-};
-
-});
generated by cgit v1.2.3 (git 2.25.1) at 2026-10-23 20:31:45 +0000