lab
/
textarea-editor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pulimos la intterfaz del editor Quill JS

This commit is contained in:
fenix 2024-03-18 16:00:44 +01:00
parent a8114743cc
commit 56d4198ae5
1 changed files with 5 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
index.html
View File

@ -8,61 +8,13 @@
<link href="css/quill.snow.css" rel="stylesheet"/> <link href="css/quill.snow.css" rel="stylesheet"/>
<title>My sample homepage</title> <title>Editor de textarea ~ Prueba de Concepto</title>
</head> </head>
<style> <style>
body{ body{
overflow-x:hidden; overflow-x:hidden;
} }
/* contain
div.contain {
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
}
img.contain {
width: 100%;
height: auto;
}
*/
/* cover */
div.cover {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
img.cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
}
blockquote {
background: #eee;
border-radius: 5px;
margin: 16px 0;
}
blockquote p {
padding: 15px;
}
cite {
margin: 16px 32px;
font-weight: bold;
}
</style> </style>
@ -71,11 +23,7 @@ cite {
<body> <body>
<section> <section>
<!-- Create the toolbar container --> <h1>Editor de textarea ~ Prueba de Concepto</h1>
<div id="toolbar">
<button class="ql-bold">Bold</button>
<button class="ql-italic">Italic</button>
</div>
<!-- Create the editor container --> <!-- Create the editor container -->
<div id="editor"> <div id="editor">
@ -86,6 +34,9 @@ cite {
<section/> <section/>
</body> </body>
<footer>
<a href="https://quilljs.com/ "> Librería : QuillJS Editor</a>
</footer>
<!-- Include the Quill library --> <!-- Include the Quill library -->
<script src="js/quill.js"></script> <script src="js/quill.js"></script>