Question

我一直在尝试将这个想法与我正在进行的一个简单项目结合在一起。

我想要的结果是有一个按钮，当点击时添加HTML5文档的准系统标签。从那里，我希望能够添加其他HTML标签，如列表，段落，标题，页面标题等，并让它们在适当的位置，所以如果我添加{{1}标签它将被添加到正文中，但是当我添加<p>时，它将在头部。

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

这是我到目前为止对jQuery ...

.val()

以及这里的一切......

http://jsfiddle.net/fHg8H/

任何你能贡献的东西都会受到赞赏。

谢谢！

Answer 1

我会使用.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);
    });
});

通过jquery向<textarea>添加文本而不是HTML </textarea>

1 个答案:

Fiddle