Odoo Website 替换 Summernote 为第三方富文本编辑器

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

随着用odoo的人越来越多，奇葩的需求也是越来越多。。。。

这不，有同学就想替换掉website forum里边的summernote控件，花了点时间研究了一下，先说结论：替换是可行的。

先上替换之后的图，这里替换的是kindeditor：

要替换成别的，也是可以的，只不过需要使用odoo的前端开发规则，本模块计划做成一个demo供参考。

替换步骤：

1. 首先将kindeditor的源文件引入到新模块中：

2. 将原来的summernote空间隐藏掉，并用kindeditor替代：

$('textarea.load_editor').each(function () {
var $textarea = $(this);
var $form = $textarea.closest('form'); $('.note-editor').hide();
KindEditor.ready(function(K){
window.editor=K.create($textarea,{
themeType:'default',
uploadJson : '/filemanager',
fileManagerJson : '/filemanager',
allowFileManager : true,
})
}); $form.on('click', 'button, .a-submit', function () {
window.editor.sync();
window.editor.html($textarea.val());
});
});

3. 你会发现虽然引用了新的控件，但是样式在提交后都消失不见了。。。。

解决方法：设置content字段的strip_style属性为false

4. 最后我们来解决图片上传的问题：

@http.route('/filemanager',type='http',auth="public",website=True,csrf=False)
def _store_file(self,*args,**kwargs):
img = kwargs['imgFile']
path = os.path.abspath(os.path.realpath(__file__)).split('controller')[0]+'static/files'
#os.path.abspath(join(os.getcwd(),'/web_kindeditor/static/files'))
filepath = path+'/'+img.filename
img.save(filepath)
url = request.env['ir.config_parameter'].get_param('web.base.url')+"/web_kindeditor/static/files/"+img.filename
return json.dumps({'error':0,'url':url})

5. 9.0 以后web url访问会有csrf验证的问题，这就是另外一回事儿了，有空再说。

Over。

模块共享地址依旧见群公告。