contentEditable只在关闭并重新打开浏览器后才能工作
我在这里跟踪contentEditable演示：https://codepen.io/Shokeen/pen/eJRRVw。我的代码与CSS和JS完全相同，但我对下面的HTML做了一些细微的更改：
<div id="wrapper">
<section>
<h1 class="headline">contentEditable Demonstration</h1>
<button id="editBtn" type="button">Edit Document</button>
<div id="editDocument">
<h1 id="title">A Nice Heading.</h1>
<p>Last Edited by <span id="author">Monty Shokeen</span></p>
<div id="content">{{temp_df | safe}}</div>
</div>基本上，我将id=段“id=”行替换为div id="content“行，其中temp_df是使用temp_df框架从temp_df导入的Pandas数据frame.to_html。理想情况下，会显示的是一个可编辑的表，就像上面代码笔中的其他可编辑项一样。但是，当我运行该表时，该表根本不显示。经过一些测试后，我发现有趣的是，如果我运行程序，在浏览器中打开它(它不显示表)，然后关闭浏览器，然后重新打开浏览器，表就会出现。我已经在多个浏览器中尝试过这一点，所以它很可能不是任何浏览器特有的问题。在整个过程中，我还在我的终端中包含了这些信息。
当我运行烧瓶程序时
2-当我点击我的网站上的一个按钮显示表(表格不显示)
3-当我关闭浏览器并在新浏览器中重新打开程序时(表现在显示)
回答 1
Stack Overflow用户
发布于 2021-06-05 11:53:20
CodePen演示，按描述进行了修改，似乎起作用了。以下是我所做的：
- 从你的问题中用HTML代替HTML。
- 将
{{temp_df | safe}}替换为简单的HTML表。
因此，似乎没有足够的信息来完全回答你的问题。在你的问题中没有描述的东西可能导致了意想不到的行为。
一些想法：
- 您网站上的按钮显然与CodePen演示中的按钮不同。你的按钮是做什么的？
temp_df的结果是什么？- 浏览器开发控制台中是否存在JavaScript错误/警告？
- CodePen演示的任何部分是否被不当复制？(复制粘贴错误。)
这里是我的最佳猜测：检查与localStorage相关的代码。这就是我们所看到的代码的一部分，在运行之间以不同的方式运行的可能性最高。
最初的CodePen演示使用localStorage作为一个临时“数据库”，在浏览器中存储信息。不过，我想你的网站想要读和写数据从一个真正的数据库，而不是localStorage。
只需删除与localStorage相关的所有代码即可解决您的问题。
https://stackoverflow.com/questions/67797674
复制相似问题
腾讯云开发者
