主页 / 问题 / 1108707
Accepted
Виктор Б
Asked:2020-04-11 17:55:15 +0000 UTC2020-04-11 17:55:15 +0000 UTC

获取网页代码

  • 772

我想为我的网站上的静态和现成页面实现一个编辑器。方案如下：将这个页面的html代码存入数据库；我转到页面并使用功能 document.body.contentEditable = true; 和 document.designMode = 'on'; 我可以编辑页面本身的文本，当然，在重新加载后，文本会变回；我试图在编辑后获取页面的 html 代码（如果在编辑后我单击“查看代码”而不重新加载页面，那么我的更改仍然存在）并将数据库中此页面的代码替换为已编辑代码; 结果，问题-我在编辑后无法获取页面代码。cURL 和 file_get_contents 给了我编辑前的代码。请告诉我，该怎么做。也许我正在重新发明轮子 但我想不出任何其他方式。在创建此页面后，我需要一个关于如何更正文本错误的选项。您只需要编辑单词。

php

1 个回答

  1. Best Answer

    let edit = document.querySelector('.edit')
let save = document.querySelector('.save')
let article = document.querySelector('.article')

edit.onclick = function() {
  edit.style.display = 'none';
  save.style.display = 'block';
  article.contentEditable = true; 
  }
save.onclick = function() {
  edit.style.display = 'block'
  save.style.display='none';
  article.contentEditable = false; 
  $.post( "ContrlerToSave.php", { text: article.innerHTML, url: window.location.href } );
  }
    .save { display:none}
    <button class='edit'>edit</button>
<button class='save'>save</button>
<div class='article'>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

    • 1

相关问题