gpt4 book ai didi

javascript - 通过 jquery 将文本添加到 <textarea> 而不是添加到 HTML

转载 作者:行者123 更新时间:2023-11-28 01:52:25 27 4
gpt4 key购买 nike

我一直在努力为我正在从事的一个简单项目找到这个想法。

我想要的结果是有一个按钮,单击该按钮会添加 HTML5 文档的准系统标签。从那里,我希望能够向它添加其他 HTML 标记,例如列表、段落、标题、页面标题等,并将它们放在适当的位置,所以如果我添加 <p>但是,当我添加 <title> 时,它会添加到正文中。它将在头部下方。

我遇到的问题是我已经弄清楚如何使用它的 .val() 将“标签”放入文本区域中。选择器,但它在技术上是文本而不是实际的 HTML,所以我不知道如何添加/删除其他元素而不以某种方式将 textarea 中的文本切换为实际的 HTML 并尝试在每次从那里单击按钮时追加或前置。

这是我目前对 jQuery 的了解...

$(document).ready(function () {
$("button#setup").click(function () {
var text_area = $("#code_window")
$(text_area).val("<!DOCTYPE html>" + "\n" + "<html>" + "\n" + "<head>" + "\n\t\n" + "</head>" + "\n" + "<body>" + "\n\t\n" + "</body>" + "\n" + "</html>");
});
});

这就是一切......

http://jsfiddle.net/fHg8H/

如有任何贡献,我们将不胜感激。

谢谢!

最佳答案

我会使用 .text() .试试这个:

$(document).ready(function () {
var text_area = $("#code_window");
$("button#setup").click(function () {
$(text_area).text("<!DOCTYPE html>" + "\n" + "<html>" + "\n" + "<head>" + "\n\t\n" + "</head>" + "\n" + "<body>" + "\n\t\n" + "</body>" + "\n" + "</html>");
});
$("button#add_p").click(function () {
var txt = $("#code_window").val();
var new_txt = txt.replace('</body>', '<p>' + '\n' + '</p>' + '\n' + '</body>');
$(text_area).text(new_txt);
});
});

Fiddle

关于javascript - 通过 jquery 将文本添加到 &lt;textarea&gt; 而不是添加到 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19264291/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com