主页 / 问题 / 1295455
Accepted
Enka15
Asked:2022-06-15 19:18:43 +0000 UTC2022-06-15 19:18:43 +0000 UTC

洗个试卷。我不认为我做对了[关闭]

  • 772

我需要一个程序来查看和编辑文本文件。使用上下文菜单和类似的工具栏 - 删除、剪切、粘贴。我有今天和明天（15.06-16.06.21）。可能有人有现成的版本，我觉得不太对，请大家帮忙。

<!DOCTYPE html>
<html>
    <head>
        <title>PDF on Google Drive</title>
    </head>
    <body>
        <iframe src="https://drive.google.com/file/d/13wDdmPYjUx4zx0n1BveLrPuLo__zKo3n/preview" width="640" height="480"></iframe>
    </body>
</html>
текст

1 个回答

  1. Best Answer

    像这样？

    document.addEventListener("click", (event) => {
  const action = event.target.dataset.action;
  if (action) {
    document.execCommand(action);
  }
}, 1);
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0/css/bootstrap.min.css">

<div class="p-3 shadow">
  <button class="btn btn-primary js-action" data-action="bold">
    Bold
  </button>
  <button class="btn btn-primary js-action" data-action="delete">
    Delete
  </button>
  <button class="btn btn-primary js-action" data-action="cut">
    Cut
  </button>
  <button class="btn btn-primary js-action" data-action="copy">
    Copy
  </button>
</div>
<div class="m-3 p-3 border rounded bg-white" contenteditable="true">
  <p>
    <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius luctus erat eget rutrum.</b> Vivamus tincidunt a eros vel dignissim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris auctor arcu
    ante, a euismod odio malesuada sed. Vestibulum vehicula et tortor ac ornare. Phasellus scelerisque neque facilisis eros pretium, at auctor ante fringilla. Aliquam ut purus ut massa ullamcorper rutrum. Sed suscipit justo sed orci pellentesque, at lobortis
    sem aliquam. Quisque viverra eros quis eleifend ullamcorper. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent ac posuere libero. <i>Quisque ut dolor ut ipsum lacinia accumsan. Proin vestibulum scelerisque dui, sed venenatis justo volutpat at.</i>    Donec volutpat dictum lorem, vitae mattis nibh vulputate ac. Ut eget nisi sed ligula iaculis dapibus ut non velit. Vestibulum condimentum mauris eget risus faucibus, eget posuere dui placerat.
  </p>
  <p>
    Cras varius, orci sed cursus volutpat, ipsum felis fermentum felis, sit amet pharetra leo mauris commodo dui. Quisque laoreet ut erat at elementum. Mauris vel mauris accumsan nisi vehicula ultrices. Nulla ornare bibendum tempor. Etiam ac erat tellus.
    Morbi placerat metus vel nisi ultrices, a mollis nibh dignissim. Maecenas porttitor sapien iaculis, eleifend libero quis, tincidunt sapien. Nam vitae enim nec odio vehicula lacinia posuere molestie metus. Nam ultricies arcu eu velit laoreet, ut consectetur
    erat blandit. Proin et eros eleifend nunc efficitur vulputate tempus at risus. Phasellus vehicula non enim ut mollis. Vivamus sed elementum neque. Praesent mollis cursus facilisis. Curabitur sed nibh in ligula mollis eleifend. Nullam pretium dictum
    porttitor.
  </p>
</div>

    • 1

相关问题