Skip to Content
Odoo Menu
  • Sign in
  • Try it free
  • Apps
    Finance
    • Accounting
    • Invoicing
    • Expenses
    • Spreadsheet (BI)
    • Documents
    • Sign
    Sales
    • CRM
    • Sales
    • POS Shop
    • POS Restaurant
    • Subscriptions
    • Rental
    Websites
    • Website Builder
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Supply Chain
    • Inventory
    • Manufacturing
    • PLM
    • Purchase
    • Maintenance
    • Quality
    Human Resources
    • Employees
    • Recruitment
    • Time Off
    • Appraisals
    • Referrals
    • Fleet
    Marketing
    • Social Marketing
    • Email Marketing
    • SMS Marketing
    • Events
    • Marketing Automation
    • Surveys
    Services
    • Project
    • Timesheets
    • Field Service
    • Helpdesk
    • Planning
    • Appointments
    Productivity
    • Discuss
    • Approvals
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industries
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Beverage Distributor
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architecture Firm
    • Construction
    • Estate Management
    • Gardening
    • Property Owner Association
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Manufacturing
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Others
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Community
    Learn
    • Tutorials
    • Documentation
    • Certifications
    • Training
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Download
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Events
    • Translations
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Customer References
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Pricing
  • Help

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Accounting
  • Inventory
  • PoS
  • Project
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
Help

How to embed pictures in static pages?

Subscribe

Get notified when there's activity on this post

This question has been flagged
knowledgev7page
4 Replies
22431 Views
Avatar
Arnis

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?

8
Avatar
Discard
Avatar
Devvyn Murphy
Best Answer

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.
4
Avatar
Discard
Avatar
Luc Demierre
Best Answer

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/

2
Avatar
Discard
Tobias Frankl

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.

Avatar
Daniel Santos
Best Answer

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

0
Avatar
Discard
Avatar
Anoop P (BroadTech IT Solutions)
Best Answer

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

0
Avatar
Discard
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Sign up
Related Posts Replies Views Activity
Folder per resource and attachments
knowledge v7
Avatar
Avatar
Avatar
2
Apr 21
8016
How to call a function from "page" in Knowledge Management
knowledge v7
Avatar
0
Mar 15
4255
How can I print knowledge pages?
knowledge v7 print
Avatar
Avatar
1
May 23
5329
Show Tree view inside a Note book page Solved
view v7 page notebook
Avatar
Avatar
2
Apr 20
27849
How to define the breadcrumbs path?
document v7 page breadcrumb
Avatar
Avatar
1
May 17
10084
Community
  • Tutorials
  • Documentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Translations
Services
  • Odoo.sh Hosting
  • Support
  • Upgrade
  • Custom Developments
  • Education
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Brand Assets
  • Contact us
  • Jobs
  • Events
  • Podcast
  • Blog
  • Customers
  • Legal • Privacy
  • Security
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now