Se rendre au contenu
Odoo Menu
  • Se connecter
  • Essai gratuit
  • Applications
    Finance
    • Comptabilité
    • Facturation
    • Notes de frais
    • Feuilles de calcul (BI)
    • Documents
    • Signature
    Ventes
    • CRM
    • Ventes
    • PdV Boutique
    • PdV Restaurant
    • Abonnements
    • Location
    Sites web
    • Site Web
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Chaîne d'approvisionnement
    • Inventaire
    • Fabrication
    • PLM
    • Achats
    • Maintenance
    • Qualité
    Ressources Humaines
    • Employés
    • Recrutement
    • Congés
    • Évaluations
    • Recommandations
    • Parc automobile
    Marketing
    • Marketing Social
    • E-mail Marketing
    • SMS Marketing
    • Événements
    • Marketing Automation
    • Sondages
    Services
    • Projet
    • Feuilles de temps
    • Services sur Site
    • Assistance
    • Planification
    • Rendez-vous
    Productivité
    • Discussion
    • Validations
    • Internet des Objets
    • VoIP
    • Connaissances
    • WhatsApp
    Applications tierces Odoo Studio Plateforme Cloud d'Odoo
  • Industries
    Commerce de détail
    • Librairie
    • Magasin de vêtements
    • Magasin de meubles
    • Épicerie
    • Quincaillerie
    • Magasin de jouets
    Food & Hospitality
    • Bar et Pub
    • Restaurant
    • Fast-food
    • Maison d’hôtes
    • Distributeur de boissons
    • Hôtel
    Immobilier
    • Agence immobilière
    • Cabinet d'architecture
    • Construction
    • Gestion immobilière
    • Jardinage
    • Association de copropriétaires
    Consultance
    • Cabinet d'expertise comptable
    • Partenaire Odoo
    • Agence Marketing
    • Cabinet d'avocats
    • Aquisition de talents
    • Audit & Certification
    Fabrication
    • Textile
    • Métal
    • Meubles
    • Alimentation
    • Brewery
    • Cadeaux d'entreprise
    Santé & Fitness
    • Club de sports
    • Opticien
    • Salle de fitness
    • Praticiens bien-être
    • Pharmacie
    • Salon de coiffure
    Trades
    • Bricoleur
    • Matériel informatique et support
    • Systèmes photovoltaïques
    • Cordonnier
    • Services de nettoyage
    • Services CVC
    Autres
    • Organisation à but non lucratif
    • Agence environnementale
    • Location de panneaux d'affichage
    • Photographie
    • Leasing de vélos
    • Revendeur de logiciel
    Browse all Industries
  • Communauté
    Apprenez
    • Tutoriels
    • Documentation
    • Certifications
    • Formation
    • Blog
    • Podcast
    Renforcer l'éducation
    • Programme éducatif
    • Business Game Scale-Up!
    • Rendez-nous visite
    Obtenir le logiciel
    • Téléchargement
    • Comparez les éditions
    • Versions
    Collaborer
    • Github
    • Forum
    • Événements
    • Traductions
    • Devenez partenaire
    • Services for Partners
    • Enregistrer votre cabinet comptable
    Nos Services
    • Trouver un partenaire
    • Trouver un comptable
    • Rencontrer un conseiller
    • Services de mise en œuvre
    • Références clients
    • Assistance
    • Mises à niveau
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Obtenir une démonstration
  • Tarification
  • Aide

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

  • CRM
  • e-Commerce
  • Comptabilité
  • Inventaire
  • PoS
  • Projet
  • MRP
All apps
Vous devez être inscrit pour interagir avec la communauté.
Toutes les publications Personnes Badges
Étiquettes (Voir toutl)
odoo accounting v14 pos v15
À propos de ce forum
Vous devez être inscrit pour interagir avec la communauté.
Toutes les publications Personnes Badges
Étiquettes (Voir toutl)
odoo accounting v14 pos v15
À propos de ce forum
Aide

How to Run JavaScript Inside HTML Fields in Odoo 17?

S'inscrire

Recevez une notification lorsqu'il y a de l'activité sur ce poste

Cette question a été signalée
javascriptwizardodoo 17
2 Réponses
3537 Vues
Avatar
Jacky

Hi everyone,

I'm trying to include JavaScript inside an HTML field in Odoo 17, but the script doesn't seem to execute. Here's the code I'm working with:

Copy code

html_field = fields.HTML("HTML Data", sanitize=False, compute="_compute_html") def _compute_html(self): self.html_field = """<script>console.log('TEST')</script>"""

The HTML field is defined as a computed field, and I have set sanitize=False to allow raw HTML. However, when I load the view, the JavaScript inside the <script> tag does not run.

The reason I need this is to call a modal or wizard dynamically in my custom form template. The data for the form is fetched using custom logic with PostgreSQL queries, so I was hoping to inject the JavaScript for triggering the modal or wizard directly into the HTML field.

Does Odoo block scripts in HTML fields by design? If so, how can I achieve this functionality? Is there a recommended way to include JavaScript for modals or wizards in custom templates while still leveraging Odoo's framework?

Any guidance would be greatly appreciated!

0
Avatar
Ignorer
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Meilleure réponse

Hi,

Yes, Odoo blocks JavaScript execution inside HTML fields by design, even if you set sanitize=False. This is primarily for security reasons, to prevent XSS (Cross-Site Scripting) vulnerabilities.

Why <script> Doesn’t Work:


Even though you're using sanitize=False, Odoo’s rendering engine and modern browsers strip or ignore script tags in HTML fields for safety. This behavior is expected and intended.

Recommended Alternatives:


If you need to trigger modals or wizards dynamically, there are better and safer ways to do this in Odoo:

1. Use t-att-onclick or JS event binding in QWeb templates


Instead of injecting JS directly, attach an event handler to an element:


<button type="button" class="btn btn-primary" t-att-onclick="'trigger_modal(%d)' % record.id">Open Modal</button>


Then define the JS function trigger_modal() in your custom JS file loaded via assets.

2. Use @odoo-module JS to handle events


Create a custom JavaScript module that listens for button clicks and triggers a modal or action:


/** @odoo-module **/


import { Component } from "@odoo/owl";

import { registry } from "@web/core/registry";


class MyModalComponent extends Component {

    setup() {

        // modal logic here

    }

}


registry.category("actions").add("my_module.my_modal_action", MyModalComponent);


Then trigger it from Python or with do_action in JS.

3. Use do_action() in JS


If you're in a web context (e.g. custom JS), use:



this.do_action({

    type: 'ir.actions.act_window',

    res_model: 'your.model',

    view_mode: 'form',

    target: 'new',

});


This opens a wizard/modal cleanly and in line with Odoo standards.


While injecting JS into an HTML field might seem like a shortcut, it's not recommended and won’t work reliably in Odoo 17 due to built-in restrictions. Instead, use Odoo's JS framework and do_action() to build interactive features like modals or wizards.


Hope it helps

0
Avatar
Ignorer
Avatar
Akhilesh N S
Meilleure réponse

Even though you've set sanitize=False on the HTML field, Odoo may still be applying some additional sanitization or escaping to the HTML content, which could prevent the script from running

To achieve the functionality you're looking for, you can consider use of an Odoo Widget with JavaScript

You can find the example from module im_livechat

script_external = fields.Html( 'Script (external)' , compute = '_compute_script_external' , store = False , readonly = True , sanitize = False )

def _compute_script_external(self):
values = {
"dbname": self._cr.dbname,
}
for record in self:


values["channel_id"] = record.id
values["url"] = record.get_base_url()
record.script_external = self.env['ir.qweb']._render('im_livechat.external_loader', values) if record.id else False
<template id ="external_loader" name ="Livechat : external_script field of livechat channel" > 
<!-- the loader -->
<script t-attf-src ="{{url}}/im_livechat/loader/{{channel_id }}" type ="text/javascript" />
<!-- js of all the required lib (internal and external) -->
<script t-attf-src ="{{url}}/im_livechat/assets_embed.js " type ="text/javascript" />
</template>
0
Avatar
Ignorer
Vous appréciez la discussion ? Ne vous contentez pas de lire, rejoignez-nous !

Créez un compte dès aujourd'hui pour profiter de fonctionnalités exclusives et échanger avec notre formidable communauté !

S'inscrire
Publications associées Réponses Vues Activité
Open a wizard when clicking on "save" in a form in edit mode [Odoo 9]
javascript wizard odoo9
Avatar
0
août 16
576
Unable to display CogMenuItem only in specific views
javascript views actions odoo 17
Avatar
0
avr. 25
1600
How can i inherit from the save button of a wizard at Odoo 17. Résolu
wizard inheritance leaves odoo 17
Avatar
Avatar
1
sept. 25
1914
Widget to many2many widget
javascript wizard many2many many2many_tags
Avatar
0
mars 21
3833
How to call a wizard from a systray button in Odoo 12? Résolu
javascript wizard odoo12.0 systray
Avatar
Avatar
1
août 19
6915
Communauté
  • Tutoriels
  • Documentation
  • Forum
Open Source
  • Téléchargement
  • Github
  • Runbot
  • Traductions
Services
  • Hébergement Odoo.sh
  • Assistance
  • Migration
  • Développements personnalisés
  • Éducation
  • Trouver un comptable
  • Trouver un partenaire
  • Devenez partenaire
À propos
  • Notre société
  • Actifs de la marque
  • Contactez-nous
  • Emplois
  • Événements
  • Podcast
  • Blog
  • Clients
  • Informations légales • Confidentialité
  • Sécurité.
الْعَرَبيّة 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 est une suite d'applications open source couvrant tous les besoins de votre entreprise : CRM, eCommerce, Comptabilité, Inventaire, Point de Vente, Gestion de Projet, etc.

Le positionnement unique d'Odoo est d'être à la fois très facile à utiliser et totalement intégré.

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