smart-textarea
Version:
A simplistic textarea in browser that supports undo, redo, find, and replace.
75 lines (46 loc) • 16.3 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>
Smart Textarea
</title>
<link href="main.css" rel="stylesheet"></head>
<body>
<textarea id="textarea1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus, ligula eu blandit aliquet, ipsum enim egestas sem, quis rutrum felis urna sed arcu. Curabitur imperdiet vestibulum risus nec malesuada. Fusce nisi lacus, gravida a interdum ut, aliquam ut mauris. Nunc ultricies, libero vel porttitor blandit, leo nisi fringilla quam, sed rhoncus sapien nisi eget sem. Phasellus fringilla sodales nunc, nec blandit mi volutpat eget. Aliquam scelerisque rutrum metus in tincidunt. Sed id interdum ante. Donec pellentesque id metus vehicula rutrum. Curabitur sagittis odio in mi ultrices volutpat vel sit amet urna.
Pellentesque id elit vel ante cursus consequat sit amet in felis. Nunc mattis, elit eget elementum commodo, nunc metus efficitur lectus, vel facilisis ipsum lacus sit amet libero. Aliquam convallis leo convallis lectus placerat fermentum. Duis eget consectetur nisl, eget mattis enim. Curabitur a mauris vitae neque gravida molestie. In interdum aliquet neque et viverra. Mauris sed luctus est.
Mauris blandit mauris id magna semper porta. Curabitur aliquam turpis sit amet est tincidunt varius. Suspendisse porttitor semper arcu nec cursus. Proin finibus feugiat ex. In tincidunt tortor nec malesuada fringilla. Morbi vitae aliquam purus. Sed ac massa at ligula venenatis tincidunt a eu diam. Aenean molestie mauris ut tincidunt posuere. Nam vel lorem scelerisque, pulvinar libero eget, placerat justo. In hac habitasse platea dictumst. Morbi vehicula neque diam, non fermentum mi molestie sed. Vivamus luctus, ex id hendrerit maximus, mi magna commodo purus, ut scelerisque sapien urna et metus. Duis efficitur maximus condimentum.
Morbi dapibu
</textarea>
<textarea id="textarea2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus, ligula eu blandit aliquet, ipsum enim egestas sem, quis rutrum felis urna sed arcu. Curabitur imperdiet vestibulum risus nec malesuada. Fusce nisi lacus, gravida a interdum ut, aliquam ut mauris. Nunc ultricies, libero vel porttitor blandit, leo nisi fringilla quam, sed rhoncus sapien nisi eget sem. Phasellus fringilla sodales nunc, nec blandit mi volutpat eget. Aliquam scelerisque rutrum metus in tincidunt. Sed id interdum ante. Donec pellentesque id metus vehicula rutrum. Curabitur sagittis odio in mi ultrices volutpat vel sit amet urna.
Pellentesque id elit vel ante cursus consequat sit amet in felis. Nunc mattis, elit eget elementum commodo, nunc metus efficitur lectus, vel facilisis ipsum lacus sit amet libero. Aliquam convallis leo convallis lectus placerat fermentum. Duis eget consectetur nisl, eget mattis enim. Curabitur a mauris vitae neque gravida molestie. In interdum aliquet neque et viverra. Mauris sed luctus est.
Mauris blandit mauris id magna semper porta. Curabitur aliquam turpis sit amet est tincidunt varius. Suspendisse porttitor semper arcu nec cursus. Proin finibus feugiat ex. In tincidunt tortor nec malesuada fringilla. Morbi vitae aliquam purus. Sed ac massa at ligula venenatis tincidunt a eu diam. Aenean molestie mauris ut tincidunt posuere. Nam vel lorem scelerisque, pulvinar libero eget, placerat justo. In hac habitasse platea dictumst. Morbi vehicula neque diam, non fermentum mi molestie sed. Vivamus luctus, ex id hendrerit maximus, mi magna commodo purus, ut scelerisque sapien urna et metus. Duis efficitur maximus condimentum.
Morbi dapibu
</textarea>
<textarea id="textarea3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus, ligula eu blandit aliquet, ipsum enim egestas sem, quis rutrum felis urna sed arcu. Curabitur imperdiet vestibulum risus nec malesuada. Fusce nisi lacus, gravida a interdum ut, aliquam ut mauris. Nunc ultricies, libero vel porttitor blandit, leo nisi fringilla quam, sed rhoncus sapien nisi eget sem. Phasellus fringilla sodales nunc, nec blandit mi volutpat eget. Aliquam scelerisque rutrum metus in tincidunt. Sed id interdum ante. Donec pellentesque id metus vehicula rutrum. Curabitur sagittis odio in mi ultrices volutpat vel sit amet urna.
Pellentesque id elit vel ante cursus consequat sit amet in felis. Nunc mattis, elit eget elementum commodo, nunc metus efficitur lectus, vel facilisis ipsum lacus sit amet libero. Aliquam convallis leo convallis lectus placerat fermentum. Duis eget consectetur nisl, eget mattis enim. Curabitur a mauris vitae neque gravida molestie. In interdum aliquet neque et viverra. Mauris sed luctus est.
Mauris blandit mauris id magna semper porta. Curabitur aliquam turpis sit amet est tincidunt varius. Suspendisse porttitor semper arcu nec cursus. Proin finibus feugiat ex. In tincidunt tortor nec malesuada fringilla. Morbi vitae aliquam purus. Sed ac massa at ligula venenatis tincidunt a eu diam. Aenean molestie mauris ut tincidunt posuere. Nam vel lorem scelerisque, pulvinar libero eget, placerat justo. In hac habitasse platea dictumst. Morbi vehicula neque diam, non fermentum mi molestie sed. Vivamus luctus, ex id hendrerit maximus, mi magna commodo purus, ut scelerisque sapien urna et metus. Duis efficitur maximus condimentum.
Morbi dapibus orci vel accumsan pretium. Nullam ornare felis nunc, et interdum mauris sollicitudin in. Nulla interdum sapien sit amet sem pellentesque, ac tristique erat tristique. Pellentesque tellus nisi, egestas quis nisl vitae, eleifend pharetra enim. Ut eget turpis ligula. Nulla luctus ligula massa, et blandit orci ornare a. Proin sed est sem. Sed nulla lacus, vestibulum ut metus sed, malesuada aliquam enim. Vestibulum elementum ex risus, sit amet luctus ante cursus sed. Phasellus nec dignissim odio, ac varius quam. Duis ac sapien augue. Phasellus maximus ligula tristique, vulputate neque in, aliquam metus. Nulla tempor ultricies nulla, ac laoreet odio efficitur quis.
Sed sodales eu neque ut placerat. Donec feugiat rhoncus urna, eu rhoncus leo tincidunt ut. Duis tristique ligula eros, accumsan consequat sem malesuada in. Nam lacinia commodo varius. Integer lacinia ligula ex, a ultrices lorem vehicula eu. Ut erat metus, mollis mattis erat at, egestas ornare lectus. Mauris dui mi, semper at dapibus id, tristique eu felis.
Maecenas rutrum pulvinar varius. Donec a augue ut nisl rhoncus vulputate vitae sed libero. Aenean nibh lorem, viverra vitae mauris at, dapibus suscipit ligula. Praesent erat tortor, pharetra commodo odio nec, ultrices lacinia tortor. Proin vestibulum metus at pellentesque pulvinar. Sed mattis ac nibh at finibus. Proin ipsum quam, placerat sed blandit ac, sodales id elit. Nullam arcu mi, mattis id purus id, pulvinar finibus ligula. Aliquam vestibulum rhoncus orci vitae commodo. Phasellus enim nulla, sollicitudin ut tortor vel, ullamcorper malesuada est. Suspendisse posuere convallis vestibulum. Ut ut tincidunt ante, nec feugiat est.
Maecenas ac nulla luctus sapien dictum lobortis. Donec sapien nulla, feugiat non dolor non, commodo iaculis ligula. Curabitur sit amet augue metus. Proin vitae enim nunc. Sed porta tempor neque non ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum at tellus sed lacus facilisis commodo. Suspendisse ac lacus vel velit auctor tempor. Curabitur id posuere justo. Nam pellentesque, massa eget dictum luctus, mauris est aliquam enim, sed congue nunc velit vulputate sapien. Aliquam facilisis condimentum egestas.
Curabitur vestibulum mauris gravida tortor vulputate interdum. Integer dolor quam, interdum vitae metus vel, scelerisque pellentesque nunc. Quisque ac tortor id dui cursus pulvinar et ut turpis. Nulla dapibus viverra fermentum. Quisque feugiat lacinia nulla, id elementum neque pretium a. Pellentesque rutrum urna nec dui feugiat, nec aliquet augue sodales. Aliquam ligula massa, ullamcorper pulvinar sem eget, placerat mollis libero. In id est laoreet ligula blandit finibus. Nam ac erat vitae quam tincidunt ultrices. Etiam at semper turpis. Donec bibendum dui vitae imperdiet rutrum. Curabitur posuere nisi sed nibh bibendum fermentum. Phasellus orci magna, consequat et nibh eu, tempor accumsan magna. Aenean sagittis risus ligula, et pulvinar dui gravida ut.
Aenean condimentum massa leo, sed venenatis mauris laoreet vitae. Sed vel erat ac mi dapibus lobortis. Nunc erat nunc, vehicula et sodales non, interdum non enim. Nulla maximus massa eu fermentum dignissim. Cras sagittis rutrum turpis a egestas. Proin ac lacus et felis vestibulum consectetur. Sed nunc mi, dapibus sed ligula eget, rutrum sollicitudin libero. In ac massa non lectus gravida blandit id vitae orci. Donec ultrices magna vitae leo volutpat ultrices. Aliquam in dui rhoncus, tincidunt ligula ac, ornare lacus. Sed vel pretium felis, sit amet tempus est. Sed varius mi non neque cursus tempus non in sapien. In mollis non tellus ac luctus.
Praesent sit amet quam ut magna euismod consectetur a eu nisi. Nam tincidunt vitae neque quis accumsan. Nunc semper lacinia dignissim. Vestibulum sagittis mauris ac ornare tincidunt. Maecenas dignissim fringilla leo, id auctor arcu placerat vel. Curabitur aliquet libero ut turpis aliquet, mattis accumsan enim tincidunt. In hac habitasse platea dictumst. Nam dictum convallis nisi, non luctus leo pharetra nec. Proin a placerat dui. Vestibulum finibus nunc quis ligula porttitor commodo.
Donec suscipit, augue at lacinia tristique, orci magna ornare justo, at ullamcorper orci sem ac arcu. Pellentesque lorem tortor, imperdiet sit amet malesuada sed, auctor nec justo. Quisque hendrerit, ligula quis congue eleifend, turpis dui porta tellus, sed vestibulum mauris felis eget lacus. Praesent gravida elementum vestibulum. Sed imperdiet, lectus nec imperdiet finibus, tellus augue porta erat, vitae gravida sem justo in velit. Morbi facilisis nec justo ac molestie. Sed tempor odio quam, a venenatis leo tincidunt id. Proin suscipit lacinia vulputate. Aliquam tristique fringilla iaculis. Vivamus venenatis leo quis libero ullamcorper, ac aliquam mauris semper. Nullam cursus urna sed augue tempus, at porttitor mi faucibus.
Morbi vel ex sed quam dignissim aliquam at eu ipsum. Curabitur non pellentesque lorem. In hac habitasse platea dictumst. Donec viverra eu dui sed vehicula. Cras auctor tellus vitae mi semper mattis. Morbi lectus dolor, dictum ut ante aliquet, viverra tempor erat. Vestibulum at mollis nisi, aliquam vestibulum nulla. Mauris efficitur est varius, aliquet nisi sit amet, hendrerit urna. Vivamus turpis nulla, sagittis vitae odio quis, ornare lobortis libero. Praesent ullamcorper massa in consectetur feugiat. Fusce porta est eu eros pretium, sed tempus eros vulputate. Fusce arcu tortor, posuere eu erat ac, tincidunt egestas arcu. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam scelerisque magna nibh, varius pharetra odio tempor eget. Duis ut nulla lorem.
Nullam sagittis convallis metus a blandit. Suspendisse fermentum ligula felis, at imperdiet elit interdum quis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris accumsan purus scelerisque, aliquet lacus id, consequat lorem. Nam at iaculis erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla viverra maximus purus non dictum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet vulputate ante. In porttitor ultrices tellus, eu mattis ipsum egestas condimentum. Suspendisse in massa tellus. Suspendisse potenti. Sed finibus finibus posuere. Vestibulum malesuada justo ipsum, non ornare nibh gravida quis. Vestibulum nibh tellus, varius at pellentesque id, iaculis sed dolor. Pellentesque urna elit, rhoncus et orci nec, placerat varius quam. Donec efficitur pharetra lacinia. Aliquam in pellentesque enim, quis faucibus sem. Cras fringilla vel lectus quis elementum. Aliquam aliquet faucibus libero eget tincidunt.
Aliquam posuere eu justo sit amet consectetur. Aenean volutpat tempus euismod. Donec mollis mollis justo. Curabitur vel congue diam, eu suscipit neque. Sed eu faucibus urna. Aenean gravida ante ac erat posuere, eu mollis nibh hendrerit. Etiam convallis dictum orci, dignissim tincidunt quam consequat ornare. Morbi non suscipit dolor. Proin laoreet ac lectus non venenatis.
Donec risus urna, suscipit sit amet consequat pretium, elementum sit amet tellus. Maecenas eget massa consectetur, porta magna id, convallis purus. Morbi consequat mi eu sapien mattis, sit amet condimentum odio semper. Nullam gravida leo et augue hendrerit tincidunt. Cras fermentum velit ac arcu interdum tempor. Suspendisse lacinia a lacus egestas lacinia. Duis aliquet tempus libero ut tempor. Proin risus orci, commodo eget fermentum quis, consequat in nibh. Duis non tempor enim. Donec sed diam ac nunc finibus ornare. Nam in lacus scelerisque, pretium ligula quis, dignissim neque. Aliquam ornare nunc id ex mollis aliquam. Aenean tristique feugiat dui at lacinia. Curabitur at luctus ligula. Nam sodales faucibus risus at consequat.
Praesent fermentum, dui vel blandit blandit, tellus orci placerat justo, in dapibus massa nibh ultricies sem. Nunc nec neque libero. Praesent bibendum tortor eros, in viverra nibh dignissim sed. Praesent eu erat a leo gravida vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec pretium enim ligula, at suscipit mi rhoncus quis. Sed in enim bibendum, convallis ante blandit, varius nunc. Quisque condimentum nec massa et cursus. Nulla auctor, metus id pulvinar volutpat, lacus tellus vulputate magna, tincidunt eleifend erat massa dignissim odio. Proin pharetra risus eu quam eleifend cursus. Cras at consequat justo, sit amet imperdiet enim. Sed faucibus ornare convallis.
Praesent vehicula purus lectus, quis accumsan augue placerat sit amet. In et euismod diam, ac commodo orci. Aliquam erat volutpat. Nulla mollis purus eget neque porttitor bibendum. Aenean quis libero in lorem laoreet consectetur. Phasellus finibus leo quis eleifend condimentum. Duis odio orci, consectetur in interdum sit amet, feugiat vel tellus. Nam sollicitudin odio nulla, sit amet dignissim nunc varius vitae.
Mauris bibendum, mauris vel accumsan facilisis, nunc erat suscipit ipsum, id egestas sapien elit quis lacus. Vivamus tempus vehicula risus et bibendum. Donec iaculis ullamcorper tortor vitae suscipit. In eu convallis justo. Sed tincidunt velit efficitur, rhoncus orci ac, fringilla leo. Vivamus bibendum neque libero, non bibendum dui rhoncus at. Curabitur in scelerisque lorem. Quisque sagittis lectus leo, a faucibus erat egestas in. Vivamus non purus condimentum, vehicula mauris et, tincidunt nisl. Nulla efficitur sit amet sapien id egestas. Praesent ut dui vitae nibh tempus tincidunt vel quis felis. In hac habitasse platea dictumst.
Sed luctus erat quis enim imperdiet, luctus pretium eros luctus. Nunc commodo purus sit amet nisl cursus lobortis. Pellentesque dapibus sodales tellus. Curabitur risus metus, tempus sit amet urna at, ultricies gravida nisl. Sed non tellus a nisl consequat accumsan a nec enim. Donec pharetra eros et arcu rutrum mollis. Fusce tincidunt elementum tellus, sed accumsan nibh venenatis nec. Donec nulla lacus, porta nec ex vel, congue auctor ex. Donec sit amet interdum orci. Vestibulum lacinia lobortis turpis quis aliquam. Nam porttitor nulla vitae dignissim pulvinar.
</textarea>
<script type="text/javascript" src="bundle.js"></script></body>
</html>