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

textarea

This commit is contained in:
fenix 2024-03-18 15:02:50 +01:00
commit d5d3856a7e
1 changed files with 80 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
index.html Normal file
View File

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My sample homepage</title>
</head>
<style>
body{
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>
<body>
<section>
<h1>Editor de textarea ~ Prueba de Concepto</h1>
<blockquote contenteditable="true">
<p>Edit this content to add your own quote</p>
</blockquote>
<cite contenteditable="true">-- Write your own name here</cite>
</section>
</body>
</html>