[QUESTION] Background color to editor box for web #57
Comments
|
Hi, here is a solution for web. It's a little complex for various reasons but it gets the job done. You need to make an HTML file in your assets like this: <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="Flutter Summernote HTML Editor">
<meta name="author" content="tneotia">
<title>Summernote Text Editor HTML</title>
<script src="jquery.min.js"></script>
<link href="summernote-lite.min.css" rel="stylesheet">
<script src="summernote-lite.min.js"></script>
<!--darkCSS-->
</head>
<body>
<div id="summernote-2"></div>
<!--headString-->
<!--summernoteScripts-->
<style>
.note-editable {
background-color: #FF0000 !important;
}
</style>
</body>
</html>Then pass the file location in your Make sure to disable dark mode, otherwise the background will be overridden when the editor is dark. Let me know if this doesn't work or you have any other questions. |
|
Note for me:
|
|
Update: I made this even easier to accomplish by adding support for JavaScript in Web. See here, you just need the "editorBG" |
I use this package for web, but i need change the background color the editor, and i see this solution #27 that was presented is only for mobile.
Have a solution for in web usage?
The text was updated successfully, but these errors were encountered: