我在这里关注 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>
Run Code Online (Sandbox Code Playgroud)
基本上,我用 div id="content" 行替换了段落 id="content" 行,其中 temp_df 是使用 Flask 框架从 Python 导入的 Pandas 数据 frame.to_html。理想情况下,将显示一个可编辑的表格,就像上面代码笔中的所有其他可编辑项目一样。但是,当我运行它时,表格根本不显示。经过一些测试,我发现有趣的是,如果我运行该程序,在浏览器中打开它(不显示表格),然后关闭浏览器,然后重新打开浏览器,表格显示出来。我已经在多个浏览器中尝试过这个,所以它可能不是任何浏览器独有的问题。在整个过程中,我还在我的终端中包含了这些消息。
1 - 当我运行 Flask 程序时
2 - 当我点击我网站上的按钮来显示表格时(表格不显示)
3 - 当我关闭浏览器并在新浏览器中重新打开程序时(现在显示表格)
eq 函数允许比较两个字符串是否相等
{{if eq .Name "MyName"}}
Run Code Online (Sandbox Code Playgroud)
有没有办法测试一个字符串是否以(或包含)另一个字符串结尾?