Question

我正在尝试创建一个相当简单的编辑器，目的是使用一种简单的方法来创建问卷，然后将其发送给客户以填写它们并将其发回给我们。所以编辑器部分是用jquery完成的，我只需在按钮点击时添加所需的html元素（文本/按钮）。视觉部分有效。当然，创建的模板应该是可以通过xml保存和加载的。

保存到文件部分是我还没想到的。

我即将离开的方式只是获取整个html文档并通过php解析它。但这似乎是一个非理想的解决方案。

问题是我的经验相当有限，我只是想把它作为一个方便/爱好项目，所以我总是觉得我做的事情是愚蠢的。所以我完全愿意接受最好的方法来完成这项任务。

那么为了给你一个我想创造的例子：

<input type="checkbox" id="checkId1" /><label for="checkId1">Sample Answer</label>
<textarea type="text" name="questionText" id="questionText1" value="Sample Question Text"></textarea>

并希望将其转换为类似

的xml

<Question>
<QuestionType>CheckboxQuestion</QuestionType>
<QuestionText>Sample Question Text</QuestionText>
</Question>

当我用jquery解析时，我将转换回html。

Answer 1

     I think this is what you mean!

     1. you xml 
        <Question>
        <QuestionType>CheckboxQuestion</QuestionType>
         <QuestionText>Sample Question Text</QuestionText>
        </Question>
     2. Then parse xml using JS

         $.ajax({
                type:'GET',
                url:'your xml file',
                dataType:'xml',
                success: function(data){
                   $(data).find("Question").each(function(){

                 $('div.caption').append("<input type='checkbox' id='checkId1'>" 

                 +"<label for='checkId1'>"
                 +$(this).find('QuestionType').text()
                 +"</label>"
                 +"<textarea type='text' name='questionText' id='questionText1'" +"value='"$(this).find('QuestionText').text()"'>"
                +"$(this).find('QuestionText').text()"
                +"</textarea>");

                        });
                 } 
            });


     3. HTML <div class='caption'></div>

    Hope this will help! Tnx

保存Jquery生成的html内容到xml

1 个答案: