X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=editor.js;h=104bbae3eb42ba4ecc6aa2773dade9bdf3730013;hb=c753e098069685cae49988ba752a47b2818b1c5b;hp=1a408baecf757b97dd71f18022030fac3ec7a05f;hpb=84ebe4d060ce3b627e812afb256d2ffee4bdbe63;p=peach-html5-editor.git diff --git a/editor.js b/editor.js index 1a408ba..104bbae 100644 --- a/editor.js +++ b/editor.js @@ -256,33 +256,40 @@ function enc_text (txt) { // no closing tag, cannot have children void_elements = { - area: true, - base: true, - br: true, - col: true, - embed: true, - hr: true, - img: true, - input: true, - keygen: true, - link: true, - meta: true, - param: true, - source: true, - track: true, - wbr: true + area: 1, + base: 1, + br: 1, + col: 1, + embed: 1, + hr: 1, + img: 1, + input: 1, + keygen: 1, + link: 1, + meta: 1, + param: 1, + source: 1, + track: 1, + wbr: 1 } // contents are not html encoded -plaintext_elements = { - style: true, - script: true, - xmp: true, - iframe: true, - noembed: true, - noframes: true, - plaintext: true, - noscript: true +var plaintext_elements = { + style: 1, + script: 1, + xmp: 1, + iframe: 1, + noembed: 1, + noframes: 1, + plaintext: 1, + noscript: 1 +} + +// parser deletes a starting newline inside: +var newline_eating_elements = { + pre: 1, + textarea: 1, + listing: 1 } // this does not pretty-print @@ -312,6 +319,8 @@ function nodes_to_html (tree) { case 'text': if (n.parent != null ? plaintext_elements[n.parent.name] : false) { ret += n.text + } else if (n.parent != null ? newline_eating_elements[n.parent.name] && n.text.charAt(0) === "\n" : false) { + ret += enc_text("\n" + n.text) } else { ret += enc_text(n.text) } @@ -816,39 +825,37 @@ function PeachHTML5Editor (in_el, options) { if (this.options.editor_id != null) { this.outer_iframe.setAttribute('id', this.options.editor_id) } - this.outer_iframe.onload = (function(_this) { - return function() { - var icss - _this.outer_idoc = _this.outer_iframe.contentDocument - icss = domify(_this.outer_idoc, { style: { children: [ - domify(_this.outer_idoc, {text: css}) - ]}}) - _this.outer_idoc.head.appendChild(icss) - _this.iframe = domify(_this.outer_idoc, {iframe: {sandbox: 'allow-same-origin allow-scripts'}}) - _this.iframe.onload = function() { + this.outer_iframe.onload = (function(_this) { return function() { + var icss + _this.outer_idoc = _this.outer_iframe.contentDocument + icss = domify(_this.outer_idoc, { style: { children: [ + domify(_this.outer_idoc, {text: css}) + ]}}) + _this.outer_idoc.head.appendChild(icss) + _this.iframe = domify(_this.outer_idoc, {iframe: {sandbox: 'allow-same-origin allow-scripts'}}) + _this.iframe.onload = function() { + return _this.init_1() + } + timeout(200, function() { // firefox never fires this onload + if (!_this.init_1_called) { return _this.init_1() } - timeout(200, function() { // firefox never fires this onload - if (!_this.init_1_called) { - return _this.init_1() - } - }) - _this.outer_idoc.body.appendChild( - domify(_this.outer_idoc, {div: {id: 'wrap1', children: [ - domify(_this.outer_idoc, {div: { - style: "position: absolute; top: 0; left: 1px; font-size: 10px", - children: [domify(_this.outer_idoc, {text: "Peach HTML5 Editor"})] - }}), - _this.wrap2 = domify(_this.outer_idoc, {div: {id: 'wrap2', children: [ - domify(_this.outer_idoc, {div: {id: 'wrap3', children: [ - _this.iframe, - _this.overlay = domify(_this.outer_idoc, { div: { id: 'overlay' }}) - ]}}) + }) + _this.outer_idoc.body.appendChild( + domify(_this.outer_idoc, {div: {id: 'wrap1', children: [ + domify(_this.outer_idoc, {div: { + style: "position: absolute; top: 0; left: 1px; font-size: 10px", + children: [domify(_this.outer_idoc, {text: "Peach HTML5 Editor"})] + }}), + _this.wrap2 = domify(_this.outer_idoc, {div: {id: 'wrap2', children: [ + domify(_this.outer_idoc, {div: {id: 'wrap3', children: [ + _this.iframe, + _this.overlay = domify(_this.outer_idoc, { div: { id: 'overlay' }}) ]}}) ]}}) - ) - } - })(this) + ]}}) + ) + }})(this) outer_wrap = domify(document, {div: {"class": 'peach_html5_editor' }}) this.in_el.parentNode.appendChild(outer_wrap) outer_bounds = get_el_bounds(outer_wrap) @@ -948,6 +955,7 @@ PeachHTML5Editor.prototype.generate_outer_css = function(args) { ret += 'padding: 0;' ret += 'color: black;' ret += 'background: white;' + ret += 'font-family: sans;' ret += '}' ret += '#wrap1 {' ret += "border: " + (occupy(1)) + "px solid black;" @@ -1824,7 +1832,7 @@ PeachHTML5Editor.prototype.preserve_space = function(n, ideal_target) { PeachHTML5Editor.prototype.update_style_from_el = function(n) { var style style = n.el.getAttribute('style') - if (style != null) { + if (style != null && style != '') { return n.attrs.style = style } else { if (n.attrs.style != null) { @@ -2147,7 +2155,7 @@ PeachHTML5Editor.prototype.text_cleanup = function(n) { } if (need_preserve) { // do we have it already? - ws = this.computed_style(n, 'white-space') // FIXME implement this + ws = this.computed_style(n, 'white-space') if (ws_props[ws] != null ? !ws_props[ws].space : true) { // 2nd arg is ideal target for css rule ws = this.preserve_space(n, block) @@ -2155,7 +2163,7 @@ PeachHTML5Editor.prototype.text_cleanup = function(n) { eats_start_sp = false } else { if (is_space_code(n.text.charCodeAt(n.text.length - 1))) { - ws = this.computed_style(n, 'white-space') // FIXME implement this + ws = this.computed_style(n, 'white-space') if ((ref1 = ws_props[ws]) != null ? ref1.space : void 0) { eats_start_sp = false } else { @@ -2491,6 +2499,8 @@ PeachHTML5Editor.prototype.pretty_html = function(tree, indent, parent_flags) { case 'text': if (n.parent != null ? plaintext_elements[n.parent.name] : false) { ret += n.text + } else if (n.parent != null ? newline_eating_elements[n.parent.name] && n.text.charAt(0) === "\n" : false) { + ret += enc_text("\n" + n.text) } else { ret += enc_text(n.text) }