| 1234567891011121314151617181920212223242526 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>contenteditable</title>
- </head>
- <body>
- <!-- 1. Define some markup -->
- <button type="button">Select</button>
- <p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio totam adipisci, saepe ad vero dignissimos laborum non eum eveniet aperiam, consequuntur repellendus architecto inventore iusto blanditiis quasi commodi voluptatum vitae!</p>
- <!-- 2. Include library -->
- <script src="../dist/select.js"></script>
- <!-- 3. Select! -->
- <script>
- var p = document.querySelector('p');
- var button = document.querySelector('button');
- button.addEventListener('click', function(e) {
- var selected = select(p);
- console.log(selected);
- });
- </script>
- </body>
- </html>
|
