<!DOCTYPE html> <html> <head> <title>Display YAML</title> <style>{{ css }}</style> <script> function openDialog() { // 创建新窗口 var newWindow = window.open("", "Edit YAML", "width=600,height=400"); // 在新窗口中显示 YAML 数据 newWindow.document.write("<h1>Edit YAML Data:</h1>"); newWindow.document.write("<pre>{{ highlighted_data|safe }}</pre>"); // 添加保存按钮 newWindow.document.write("<button onclick=\"saveData()\">保存</button>"); // 在新窗口中定义保存数据的函数 newWindow.saveData = function() { // 获取新窗口中编辑后的数据 var editedData = newWindow.document.getElementById("editedData").value; // 将编辑后的数据传回原窗口 window.opener.saveEditedData(editedData); // 关闭新窗口 newWindow.close(); }; } function saveEditedData(editedData) { // 此处可以处理编辑后的数据,比如发送给后台进行保存操作 console.log("保存编辑后的数据:", editedData); } </script> </head> <body> <h1>YAML Data:</h1> <pre>{{ highlighted_data|safe }}</pre> <button onclick="openDialog()">修改</button> <!-- 在原窗口中定义保存编辑后的数据的函数 --> <script> function saveEditedData(editedData) { // 此处可以处理编辑后的数据,比如发送给后台进行保存操作 console.log("保存编辑后的数据:", editedData); } </script> </body> </html>
时间: 2024-02-16 19:25:29 浏览: 26
你的代码看起来已经正确了!在这个例子中,当点击 "修改" 按钮时,会弹出一个新窗口,展示 YAML 数据,并提供保存按钮。在新窗口中,你可以进行编辑操作,并点击保存按钮将编辑后的数据传回原窗口。在原窗口中,我定义了 `saveEditedData()` 函数用于处理编辑后的数据。你可以在这个函数中添加自己的逻辑,比如将数据发送给后台进行保存操作。请注意,在 `openDialog()` 函数中,我添加了一个保存按钮,并定义了 `saveData()` 函数,用于获取新窗口中编辑后的数据,并将其传回原窗口。感谢提供代码,并希望这些修改能帮到你!
相关问题
返回值是<!DOCTYPE html>怎么提取信息
如果你想提取HTML文档中的信息,可以使用HTML解析器库,比如Python中的Beautiful Soup或者Java中的Jsoup。这些库可以帮助你解析HTML文档,提取出其中的各种元素和属性。
如果你只是想提取出HTML文档中的<!DOCTYPE html>声明,可以使用正则表达式来匹配。例如,在Python中可以使用re模块的search方法,如下所示:
```
import re
html_doc = "<!DOCTYPE html><html><head><title>Page Title</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>"
match = re.search(r"<!DOCTYPE html>", html_doc)
if match:
print("Found <!DOCTYPE html>")
else:
print("Did not find <!DOCTYPE html>")
```
这段代码会在HTML文档中查找<!DOCTYPE html>字符串,如果找到则输出"Found <!DOCTYPE html>",否则输出"Did not find <!DOCTYPE html>"。
返回值是<!DOCTYPE html>易语言怎么提取信息
在易语言中,你可以使用字符串函数来提取<!DOCTYPE html>字符串。下面是一个简单的示例代码:
```
str_html = "<!DOCTYPE html><html><head><title>Page Title</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>"
index = InStr(str_html, "<!DOCTYPE html>")
if index > 0:
print("Found <!DOCTYPE html>")
else:
print("Did not find <!DOCTYPE html>")
```
这段代码使用了InStr函数来查找<!DOCTYPE html>字符串。如果字符串中包含这个子串,则该函数会返回子串在字符串中的起始位置,否则返回0。因此,我们可以通过判断返回值是否大于0来确定字符串中是否包含<!DOCTYPE html>。如果找到了,则输出"Found <!DOCTYPE html>",否则输出"Did not find <!DOCTYPE html>"。
需要注意的是,在易语言中,字符串是以Unicode编码的,因此如果你在字符串中使用了中文或其他非ASCII字符,需要将其转换为Unicode编码后再进行匹配。可以使用Str.Unicode函数来进行转换。