Question

我创建了一个网站，但现在我想出了一个代码生成器。您必须在文本框中插入文本，它才会生成代码。

$("input").keyup(function() {
    $("#result").text(
        '<div width="' + $("#width").val() + 
        'px" height="' + $("#height").val() + 
        'px">' + $("#content").val() + 
        '</div>');
});

我在http://jsfiddle.net/NzFeb/上找到了这个解决方案，但它对我的代码不起作用。

你可以在http://go.filiparag.com/mnmuis-generator看到我做了什么（CSS和Markup），但现在我需要Jquery代码。

我用Jquery做了什么（它不起作用）：

$("input").keyup(function() {
 $("#code").text(

        '<!--POST-->
        <div id="post"> <div id="' + $("#tag").val() + '" class="tag_post"></div>
            <a href="' + $("#image-link").val() + '" data-lightbox="' + $("#title").val() + '" title="' + $("#title").val() + '">
            <img src="' + $("#image-link").val() + '" width="'IMAGE_WIDTH'" height="'IMAGE_HEIGHT'" id="post-image-right"/> </a>
            <text id="post-title">' + $("#title").val() + '</text> <br>
            <text id="post-short-story">' + $("#short-story").val() + '</text> <br> <br>
            <text id="post-text">

            ' + $("#story").val() + '

            </text>
        </div>
        <!--POST END-->'

        );
    });

这些ID来自<input type="text">和<textarea>。

Answer 1

如果我理解您的问题，这是所需的代码或结果http://jsfiddle.net/NzFeb/ 如果是这样那么你的问题就在这里

' width="'IMAGE_WIDTH'" height="'IMAGE_HEIGHT'"'
 // is IMAGE_WIDTH a variable or part of the string

 // if its a variable use the plus sign
 ' width="' + IMAGE_WIDTH + '" height="' + IMAGE_HEIGHT + '"'

 // if its part of the string remove the single qoute
 ' width="IMAGE_WIDTH" height="IMAGE_HEIGHT"'

如果我指向的小提琴不是所需的代码，那么将text（）更改为html（）

$("#code").html(

旁注：<text>不是有效的html标记

使用Jquery的特定HTML代码生成器

1 个答案: