Estoy tratando de editar texto usando js en una extensión de Chrome usando el modo de diseño que no funciona. Funciona en la consola, pero aquí hay algún cambio adicional que debo hacer para que esto funcione para la extensión de Chrome.
todo el código a continuación - manifest.json --
{ "manifest_version" : 2, "name" : "changer", "version" : "1.0", "description" : "chnage it", "icons" : { "128" : "icon_128.png", "16" : "icon.png" }, "browser_action" : { "default_icon" : "icon.png", "default_popup" : "popup.html" }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" }codigo js-
document.getElementById("btn").addEventListener("click", change); document.getElementById("btnclose").addEventListener("click", close); function change (){ document.designMode = 'on' } function close (){ document.designMode = 'off' }html-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="main"> <div class="heading"> Change text on the web </div> <div class="button"> <button id="btn">Turn ON</button> <button id="btnclose">Turn OFF</button> </div> </div> </body> <script src="script.js"></script> </html>Estoy tratando de editar el texto en la web pero no funciona, funciona en la consola, también probé
document.contentEditable=truepero tampoco funcionó