Javascript 将文本添加到<；textarea>；通过jquery而不是转换成HTML_Javascript_Jquery_Html

Javascript 将文本添加到<；textarea>；通过jquery而不是转换成HTML

javascript jquery html

Javascript 将文本添加到<；textarea>；通过jquery而不是转换成HTML,javascript,jquery,html,Javascript,Jquery,Html,我一直在努力把我的想法用在一个简单的项目上我想要的结果是有一个按钮，当点击时，它会添加HTML5文档的基本标签。从那里，我希望能够添加其他HTML标记，如列表、段落、标题、页面标题等，并将它们放在适当的位置，因此如果我添加标记，它将添加到正文中，但是，当我添加时，它将位于标题下我遇到的问题是，我已经知道如何使用.val（）选择器将“标记”放入文本区域，但从技术上讲，它是文本而不是实际的HTML，我不知道如何添加/删除其他元素，而不将文本区域中的文本切换为实际的HTML，并在每次单击按钮时尝试

我一直在努力把我的想法用在一个简单的项目上

我想要的结果是有一个按钮，当点击时，它会添加HTML5文档的基本标签。从那里，我希望能够添加其他HTML标记，如列表、段落、标题、页面标题等，并将它们放在适当的位置，因此如果我添加

标记，它将添加到正文中，但是，当我添加

时，它将位于标题下

我遇到的问题是，我已经知道如何使用

.val（）

选择器将“标记”放入文本区域，但从技术上讲，它是文本而不是实际的HTML，我不知道如何添加/删除其他元素，而不将文本区域中的文本切换为实际的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>");
    });
});

$（文档）.ready（函数（）{
$（“按钮设置”）。单击（功能（）{
变量文本\区域=$（“\代码\窗口”）
$（文本区域）.val（“+”\n“+”\n“+”\n“+”\n\t\n“+”\n“+”\n“+”\n\t\n“+”\n“+”）；
});
});

这里的一切都在一起

如果您能做出任何贡献，我们将不胜感激

谢谢

我会用。试试这个：

$(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);
    });
});

$（文档）.ready（函数（）{
var text_area=$（“#代码_窗口”）；
$（“按钮设置”）。单击（功能（）{
$（文本区域）。文本（“+”\n“+”\n“+”\n“+”\n\t\n“+”\n“+”\n”+”\n\t\n“+”\n“+”）；
});
$（“按钮添加”）。单击（函数（）{
var txt=$（“#代码_窗口”）.val（）；
var new_txt=txt.replace（“”，'+'\n'+''+'\n'+''）；
$（文本区域）。文本（新文本）；
});
});

根据我的建议，您应该在“隐藏”中创建html克隆，当用户单击按钮时，html将相应地附加到主文本区域。请尝试以下链接：[[1]：