Hi,
I want to create app that would change the background of the text editor used to send email on the CRM.
But, the app is inside an iframe, and I can’t manage to edit the CSS.
I tried all the types of applications.
How can I do it?
wanted css added:
.ql-editor{
background-color: red;
}
example source code:
- take monday example: welcome-apps/apps/quickstart-react/src at master · mondaycom/welcome-apps · GitHub
- replace only index.js with:
import React from "react";
import {createRoot} from "react-dom/client";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
const root = createRoot(document.getElementById("root"));
root.render(<App />);
document.addEventListener('DOMContentLoaded', (event) => {
const collection = document.getElementsByClassName(".ql-editor");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
};
});
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
And please don’t suggest external solutions like browser extensions,
this must be an Monday app I can install and enforce on the entire organization.
thanks for the help.