Для показанных ниже html pycharm дросселей и я не могу скопировать содержимое. Это происходило несколько раз с похожими html документами.
Вот как это выглядит в отладчике: выглядит прекрасно там :
Но в clipboard после command-C она выглядит не так хорошо:
А также не очень хорошо в viewer:
Вот большая часть html с некоторыми умеренно чувствительными отформатированными данными, удаленными. Полный верхний и нижний колонтитулы сохраняются, а недостающие части похожи на некоторые из оставшихся, чтобы попытаться уловить суть:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Inventory Batches for FirstName LastName</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style>
.bs-example {
margin: 20px;
}
.row {
display: flex;
}
.column {
flex: 50%;
}
.center {
display: flex;
flex-direction: row;
justify-content: center;
}
.col- * {
display: inline-block;
margin-left: -2px; /* Adjust the value of marging work best with your context */
float: none;
}
.mediumFont {
font-size: large;
}
.largeFont {
font-size: x-large;
}
.largerFont {
font-size: xx-large;
}
.btn-xlg {
padding: 12px 20px;
font-size: 28px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
</style>
</head>
<body>
<div id="tasks-div" class="style: inline-block;">
<div class="row">
<div class="col-sm-5"><center><img src="/imgs/man-silhouette.png" width="60" height="179"/></center></div>
<div class="col-sm-7">
<dl class="row">
<dt class="col-sm-5 largeFont"> </dt>
<dd class="col-sm-7 mediumFont"> </dd>
<dt class="col-sm-5 largeFont">Bob Smith</dt>
<dd class="col-sm-7 mediumFont">Senior Manufacturing Associate.</dd>
<dt class="col-sm-5 largeFont text-truncate">Inventory Management</dt>
</script>
<script type="text/javascript">
setTimeout(function () {
var form = document.getElementById('submit_form');
form.submit();
}, 27000);
</script>
</html>