Odoo Help

Welcome!

This community is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.

8

How to embed pictures in static pages?

By
Arnis
on 3/21/13, 5:31 AM 5,646 views

Is the way to show pictures from OpenERP database in static web pages of (Knowledge Management, module document_page)? As well as in static page refer and "directly" open attached PDF files?

4
Devvyn Murphy
On 9/19/13, 12:55 AM

I don't think there are many user friendly ways to upload and serve arbitrary images for linking/embedding in a Document Page entry. Here are two methods that have worked for me:

WYSIWYG editor in raw HTML mode

Based on examples from the OpenERP demo data in the Document Pages module, you will need to edit the HTML code of your document page in the editor to type img tags rather than using the WYSIWYG editor features alone.

External image service

You can specify an external URL to a photo sharing site, local HTTP file server, or Amazon S3 Bucket, etc., as in <img src="http://example.com/image.png">

Base 64 encoded data URLs

Paste a lengthy <img src="data:image/png;base64,iVBORw0KGgoAAAA…PAAAAABJRU5ErkJggg=="> tag generated by base-64 encoding your image. CSS rules can also add background images from base 64 data. There are external online tools to generate the img tags and CSS rules.

Make your own quick OpenERP add-on

If you really get sick of embedded data URLs and external hosting, you can drop a folder of contents onto the server bundled as an "add-on" and have everything in the "/<addon name="">/static" path be served up. It's very easy and requires no programming knowledge, but does require write access to the file system and the ability to tell OpenERP where your extra add-on is located (that aspect is document well elsewhere).

Add-on folder structure:

my_files/
├── __init__.py
├── __openerp__.py
└── static
    └── example.png

__init__.py is empty:


__openerp__.py contains:

{
    "name": "My Static Files",
    "version": "1.0",
    "description": "Static file collection bundled as an add-on.",
    "author": "Arnis",
    "depends": ['web'],
    "installable": True,
    "auto_install": False
}
    • If you want to point OpenERP at an additional addons folder, edit your server config file (and restart) or change the command-line switch, --addons-path to point at the extra add-ons folder where your add-on's folder is contained
    • If you dropped your add-on folder into an existing add-ons folder, click Settings / Update Modules List
  1. Locate and install your add-on from the Settings menu
    UPDATE: It seems installation is not necessary, at least in the trunk I tested with today (8.0).
  2. Your add-on and the URLs should activate. You should be able to view an image in the browser with a URL like http(s)://openerp.example.com/my_files/static/example.png and img tags should likewise work as expected.
2
Luc Demierre
On 2/4/14, 4:17 AM

You can replace the default editor to CKEditor (much more complete than default CLEditor) by installing the following module and changing the widget attribute to "ckeditor" instead "html" in the concerned view.

github.com/0k/web_ckeditor

Then you'll have to add the "base64images" module to the CKEditor source in static folder of web_ckeditor module (/addons/web_ckeditor/static/lib/js/ckeditor). This modules allows you to upload an image and integrate it diretly in base64 format so you don't have to host it somewhere else.

github.com/nmmf/base64image/

I like this solution, but it does not work on v8. At least I tried and after installing the module and changing the html -> ckeditor there was no more editor in the view. It was just a textbox without any buttons.

Tobias Frankl
on 9/17/14, 5:19 AM
0
anoop
On 5/14/13, 10:20 AM

Hi Please install "Document Page" and check some sample pages inside knowledge menue

0
Daniel Santos
On 5/14/13, 10:03 AM

Hi Arnis,

I tried some ways and the finally decided to regist on photobucket.com to keep my images online. There you have a link html to use on your knowledge page,

Rgds

Your Answer

Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!

About This Community

This community is for professionals and enthusiasts of our products and services. Read Guidelines

Question tools

5 follower(s)

Stats

Asked: 3/21/13, 5:31 AM
Seen: 5646 times
Last updated: 3/16/15, 8:10 AM