forked from Techsystech/web
[ADD] web_ckeditor4
Holger Brunn
Ivàn Todorovich
parent
50413d7459
commit
e9ecac16be
|
|
@ -0,0 +1,22 @@
|
|||
# -*- encoding: utf-8 -*-
|
||||
##############################################################################
|
||||
#
|
||||
# OpenERP, Open Source Management Solution
|
||||
# This module copyright (C) 2013 Therp BV (<http://therp.nl>)
|
||||
# All Rights Reserved
|
||||
#
|
||||
# This program is free software: you can redistribute it and/or modify
|
||||
# it under the terms of the GNU Affero General Public License as
|
||||
# published by the Free Software Foundation, either version 3 of the
|
||||
# License, or (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU Affero General Public License for more details.
|
||||
#
|
||||
# You should have received a copy of the GNU Affero General Public License
|
||||
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
#
|
||||
##############################################################################
|
||||
|
||||
|
|
@ -0,0 +1,114 @@
|
|||
# -*- encoding: utf-8 -*-
|
||||
##############################################################################
|
||||
#
|
||||
# OpenERP, Open Source Management Solution
|
||||
# This module copyright (C) 2013 Therp BV (<http://therp.nl>)
|
||||
# All Rights Reserved
|
||||
#
|
||||
# This program is free software: you can redistribute it and/or modify
|
||||
# it under the terms of the GNU Affero General Public License as
|
||||
# published by the Free Software Foundation, either version 3 of the
|
||||
# License, or (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU Affero General Public License for more details.
|
||||
#
|
||||
# You should have received a copy of the GNU Affero General Public License
|
||||
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
#
|
||||
##############################################################################
|
||||
|
||||
{
|
||||
'name': 'CKEditor 4.x widget',
|
||||
'version': '1.0',
|
||||
'description': """
|
||||
This addon provides a widget for editing html fields via CKEditor 4.x
|
||||
|
||||
Use widget="text_html" if you need just html display. In the unlikely case
|
||||
you need specific features of ckeditor, use widget="text_ckeditor4".
|
||||
""",
|
||||
'author': 'Therp BV',
|
||||
'website': 'http://www.therp.nl',
|
||||
"category": "Tools",
|
||||
"depends": [
|
||||
'web',
|
||||
],
|
||||
'css': [
|
||||
'static/src/css/web_ckeditor4.css',
|
||||
],
|
||||
'data': [
|
||||
],
|
||||
'js': [
|
||||
'static/src/js/ckeditor_basepath.js',
|
||||
'static/lib/ckeditor/ckeditor.js',
|
||||
'static/lib/ckeditor/config.js',
|
||||
#to debug ckeditor, comment the lines above,
|
||||
#do a
|
||||
#cd static/lib
|
||||
#git clone https://github.com/ckeditor/ckeditor-dev.git trunk
|
||||
#cd trunk
|
||||
#git checkout remotes/origin/release/4.1.x
|
||||
#and uncomment the lines below
|
||||
# 'static/lib/trunk/ckeditor.js',
|
||||
# 'static/lib/trunk/core/event.js',
|
||||
# 'static/lib/trunk/core/editor_basic.js',
|
||||
# 'static/lib/trunk/core/env.js',
|
||||
# 'static/lib/trunk/core/ckeditor_basic.js',
|
||||
# 'static/lib/trunk/core/dom.js',
|
||||
# 'static/lib/trunk/core/tools.js',
|
||||
# 'static/lib/trunk/core/dtd.js',
|
||||
# 'static/lib/trunk/core/dom/event.js',
|
||||
# 'static/lib/trunk/core/dom/domobject.js',
|
||||
# 'static/lib/trunk/core/dom/node.js',
|
||||
# 'static/lib/trunk/core/dom/window.js',
|
||||
# 'static/lib/trunk/core/dom/document.js',
|
||||
# 'static/lib/trunk/core/dom/nodelist.js',
|
||||
# 'static/lib/trunk/core/dom/element.js',
|
||||
# 'static/lib/trunk/core/dom/documentfragment.js',
|
||||
# 'static/lib/trunk/core/dom/walker.js',
|
||||
# 'static/lib/trunk/core/dom/range.js',
|
||||
# 'static/lib/trunk/core/dom/iterator.js',
|
||||
# 'static/lib/trunk/core/command.js',
|
||||
# 'static/lib/trunk/core/ckeditor_base.js',
|
||||
# 'static/lib/trunk/core/config.js',
|
||||
# 'static/lib/trunk/core/filter.js',
|
||||
# 'static/lib/trunk/core/focusmanager.js',
|
||||
# 'static/lib/trunk/core/keystrokehandler.js',
|
||||
# 'static/lib/trunk/core/lang.js',
|
||||
# 'static/lib/trunk/core/scriptloader.js',
|
||||
# 'static/lib/trunk/core/resourcemanager.js',
|
||||
# 'static/lib/trunk/core/plugins.js',
|
||||
# 'static/lib/trunk/core/ui.js',
|
||||
# 'static/lib/trunk/core/editor.js',
|
||||
# 'static/lib/trunk/core/htmlparser.js',
|
||||
# 'static/lib/trunk/core/htmlparser/basicwriter.js',
|
||||
# 'static/lib/trunk/core/htmlparser/node.js',
|
||||
# 'static/lib/trunk/core/htmlparser/comment.js',
|
||||
# 'static/lib/trunk/core/htmlparser/text.js',
|
||||
# 'static/lib/trunk/core/htmlparser/cdata.js',
|
||||
# 'static/lib/trunk/core/htmlparser/fragment.js',
|
||||
# 'static/lib/trunk/core/htmlparser/filter.js',
|
||||
# 'static/lib/trunk/core/htmldataprocessor.js',
|
||||
# 'static/lib/trunk/core/htmlparser/element.js',
|
||||
# 'static/lib/trunk/core/template.js',
|
||||
# 'static/lib/trunk/core/ckeditor.js',
|
||||
# 'static/lib/trunk/core/creators/inline.js',
|
||||
# 'static/lib/trunk/core/creators/themedui.js',
|
||||
# 'static/lib/trunk/core/editable.js',
|
||||
# 'static/lib/trunk/core/selection.js',
|
||||
# 'static/lib/trunk/core/style.js',
|
||||
# 'static/lib/trunk/core/dom/comment.js',
|
||||
# 'static/lib/trunk/core/dom/elementpath.js',
|
||||
# 'static/lib/trunk/core/dom/text.js',
|
||||
# 'static/lib/trunk/core/dom/rangelist.js',
|
||||
# 'static/lib/trunk/core/skin.js',
|
||||
# 'static/lib/trunk/core/_bootstrap.js',
|
||||
#end of ckeditor debug
|
||||
'static/src/js/web_ckeditor4.js',
|
||||
],
|
||||
'installable': True,
|
||||
'auto_install': False,
|
||||
'certificate': '',
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
.openerp .oe_form_field_text_ckeditor4.disabled, .openerp td.oe_form_field_text_ckeditor4, .openerp .oe_form_field_text_ckeditor4_raw.disabled.openerp, .openerp td.oe_form_field_text_ckeditor4_raw {
|
||||
/* here we need to reset openerp's styles to
|
||||
* have the HTML display as (probably) intended
|
||||
*/
|
||||
white-space: normal;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
|
|
@ -0,0 +1 @@
|
|||
CKEDITOR_BASEPATH='/web_ckeditor4/static/lib/ckeditor/'
|
||||
|
|
@ -0,0 +1,217 @@
|
|||
/* -*- encoding: utf-8 -*-
|
||||
##############################################################################
|
||||
#
|
||||
# OpenERP, Open Source Management Solution
|
||||
# This module copyright (C) 2013 Therp BV (<http://therp.nl>)
|
||||
# All Rights Reserved
|
||||
#
|
||||
# This program is free software: you can redistribute it and/or modify
|
||||
# it under the terms of the GNU Affero General Public License as
|
||||
# published by the Free Software Foundation, either version 3 of the
|
||||
# License, or (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU Affero General Public License for more details.
|
||||
#
|
||||
# You should have received a copy of the GNU Affero General Public License
|
||||
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
#
|
||||
############################################################################*/
|
||||
|
||||
openerp.web_ckeditor4 = function(openerp)
|
||||
{
|
||||
var ckeditor_addFunction_org = CKEDITOR.tools.addFunction;
|
||||
//this is a quite complicated way to kind of monkey patch the private
|
||||
//method onDomReady of ckeditor's plugin wysiwigarea, which causes problems
|
||||
//when the editor is about to be destroyed but because of OpenERP's
|
||||
//architecture updated one last time with its current value
|
||||
CKEDITOR.tools.addFunction = function(fn, scope)
|
||||
{
|
||||
if(scope && scope._ && scope._.attrChanges && scope._.detach)
|
||||
{
|
||||
var scope_reference = scope;
|
||||
return ckeditor_addFunction_org(function()
|
||||
{
|
||||
var self = this,
|
||||
self_arguments=arguments;
|
||||
setTimeout(function()
|
||||
{
|
||||
if(CKEDITOR.instances[self.editor.name])
|
||||
{
|
||||
fn.apply(self, self_arguments);
|
||||
}
|
||||
}, 0);
|
||||
}, scope);
|
||||
}
|
||||
return ckeditor_addFunction_org(fn, scope);
|
||||
};
|
||||
|
||||
CKEDITOR.on('dialogDefinition', function(e)
|
||||
{
|
||||
_.each(e.data.definition.contents, function(element)
|
||||
{
|
||||
if(element.filebrowser!='uploadButton')
|
||||
{
|
||||
return
|
||||
}
|
||||
_.each(element.elements, function(element)
|
||||
{
|
||||
if(!element.onClick || element.type!='fileButton')
|
||||
{
|
||||
return
|
||||
}
|
||||
var onClick_org = element.onClick;
|
||||
element.onClick = function(e1)
|
||||
{
|
||||
onClick_org.apply(this, arguments);
|
||||
_.each(jQuery('#'+this.domId).closest('table')
|
||||
.find('iframe').contents().find(':file')
|
||||
.get(0).files,
|
||||
function(file)
|
||||
{
|
||||
var reader = new FileReader();
|
||||
reader.onload = function(load_event)
|
||||
{
|
||||
CKEDITOR.tools.callFunction(
|
||||
e.editor._.filebrowserFn,
|
||||
load_event.target.result,
|
||||
'');
|
||||
}
|
||||
reader.readAsDataURL(file);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
openerp.web.form.widgets.add('text_ckeditor4',
|
||||
'openerp.web_ckeditor4.FieldCKEditor4');
|
||||
openerp.web.form.widgets.add('text_ckeditor4_raw',
|
||||
'openerp.web_ckeditor4.FieldCKEditor4Raw');
|
||||
openerp.web.form.widgets.add('text_html',
|
||||
'openerp.web_ckeditor4.FieldCKEditor4');
|
||||
openerp.web.form.widgets.add('html',
|
||||
'openerp.web_ckeditor4.FieldCKEditor4');
|
||||
|
||||
function filter_html(value, ckeditor_filter, ckeditor_writer)
|
||||
{
|
||||
var fragment = CKEDITOR.htmlParser.fragment.fromHtml(value);
|
||||
ckeditor_filter.applyTo(fragment);
|
||||
ckeditor_writer.reset();
|
||||
fragment.writeHtml(ckeditor_writer);
|
||||
return ckeditor_writer.getHtml();
|
||||
};
|
||||
|
||||
default_ckeditor_filter = new CKEDITOR.filter(
|
||||
{
|
||||
'*':
|
||||
{
|
||||
attributes: 'href,src,style,alt,width,height,dir',
|
||||
styles: '*',
|
||||
classes: '*',
|
||||
},
|
||||
'html head title meta style body p div span a h1 h2 h3 h4 h5 img br hr table tr th td ul ol li dd dt strong pre b i': true,
|
||||
});
|
||||
default_ckeditor_writer = new CKEDITOR.htmlParser.basicWriter();
|
||||
|
||||
openerp.web_ckeditor4.FieldCKEditor4 = openerp.web.form.FieldText.extend({
|
||||
ckeditor_config: {
|
||||
removePlugins: 'iframe,flash,forms,smiley,pagebreak,stylescombo',
|
||||
filebrowserImageUploadUrl: 'dummy',
|
||||
extraPlugins: 'filebrowser',
|
||||
},
|
||||
ckeditor_filter: default_ckeditor_filter,
|
||||
ckeditor_writer: default_ckeditor_writer,
|
||||
start: function()
|
||||
{
|
||||
this._super.apply(this, arguments);
|
||||
|
||||
CKEDITOR.lang.load(openerp.session.user_context.lang.split('_')[0], 'en', function() {});
|
||||
},
|
||||
initialize_content: function()
|
||||
{
|
||||
var self = this;
|
||||
this._super.apply(this, arguments);
|
||||
if(!this.$textarea)
|
||||
{
|
||||
return;
|
||||
}
|
||||
this.editor = CKEDITOR.replace(this.$textarea.get(0),
|
||||
_.extend(
|
||||
{
|
||||
language: openerp.session.user_context.lang.split('_')[0],
|
||||
on:
|
||||
{
|
||||
'change': function()
|
||||
{
|
||||
self.store_dom_value();
|
||||
},
|
||||
},
|
||||
},
|
||||
this.ckeditor_config));
|
||||
},
|
||||
store_dom_value: function()
|
||||
{
|
||||
this.internal_set_value(this.editor ? this.editor.getData() : openerp.web.parse_value(this.get('value'), this));
|
||||
},
|
||||
filter_html: function(value)
|
||||
{
|
||||
return filter_html(value, this.ckeditor_filter, this.ckeditor_writer);
|
||||
},
|
||||
render_value: function()
|
||||
{
|
||||
if(this.get("effective_readonly"))
|
||||
{
|
||||
this.$el.html(this.filter_html(this.get('value')));
|
||||
}
|
||||
else
|
||||
{
|
||||
if(this.editor)
|
||||
{
|
||||
var self = this;
|
||||
if(this.editor.status != 'ready')
|
||||
{
|
||||
var instanceReady = function()
|
||||
{
|
||||
self.editor.setData(self.get('value') || '');
|
||||
self.editor.removeListener('instanceReady', instanceReady);
|
||||
};
|
||||
this.editor.on('instanceReady', instanceReady);
|
||||
}
|
||||
else
|
||||
{
|
||||
self.editor.setData(self.get('value') || '');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
undelegateEvents: function()
|
||||
{
|
||||
this._cleanup_editor();
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
_cleanup_editor: function()
|
||||
{
|
||||
if(this.editor)
|
||||
{
|
||||
CKEDITOR.remove(this.editor);
|
||||
this.editor.removeAllListeners();
|
||||
this.editor = null;
|
||||
}
|
||||
},
|
||||
destroy_content: function()
|
||||
{
|
||||
this._cleanup_editor();
|
||||
}
|
||||
});
|
||||
openerp.web_ckeditor4.FieldCKEditor4Raw = openerp.web_ckeditor4.FieldCKEditor4.extend({
|
||||
filter_html: function(value)
|
||||
{
|
||||
return value;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue