html的编辑题,KM盒子混合HTML代码制作试题教程

首先来看下我们要实现的效果，如下图：

实现效果：在每道题的后面添加一个按钮“点击查看答案”，点击后显示答案和解析内容。

要实现这个功能，我们需要在编辑器中插入html代码才能实现。

操作步骤：

1、先写一个js函数，点击按钮时，通过onclick事件调用。代码如下：

function ShowAnswer(isinput, answer, id) {

var a = $(isinput).val();

var b = "点击查看答案";

if (a == b) {

$(isinput).val("正确答案：" + answer).button("refresh");

$(id).show();

} else {

$(isinput).val("点击查看答案").button("refresh");

$(id).hide();

}

}

2、将这段代码压缩后，粘贴到软件设置—>自定义代码设置—>内页底部代码，并保存，如下图

这里可以直接复制压缩后的代码：

3、在编辑器中点右键，插入HTML代码。

插入HTML代码：

插入HTML代码：

解析:内容

这里需要注意，onclick事件调用ShowAnswer(this,'A','#1')传递两个参数，其中'A'填写答案，'#1'填写textarea标签的id，如果没有textarea标签则填'#'即可。建议id按题目编号设定，例如第一题即id="1"、第二题id="2"、第三题id="3"。另外由于软件文本输入框长度只支持255个字符，因此解析内容不建议超过255个字符。