javascript Onclick应用标签

时间:2013-11-14 11:49:38

标签: javascript jquery html

我正在使用富文本编辑器,我正在尝试为其添加代码标记功能。 编辑器现在有2个按钮。 一个是下划线,另一个是代码

当我选择文本并单击下划线按钮时,所选文本将加下划线 但是当我选择文本并单击代码按钮时,它无法正常工作。

我已经添加了代码标记选项,但它无法正常工作

代码:

document.writeln('<td><img class="rteImage" src="' + imagesPath + 'underline.gif" width="25" height="24" alt="Underline" title="Underline" onClick="rteCommand(\'' + rte + '\', \'underline\', \'\')"></td>');
document.writeln('<td><img class="rteImage" src="' + imagesPath + 'code.gif" width="25" height="24" alt="Code" title="Code" onClick="rteCommand(\'' + rte + '\', \'code\', \'\')"></td>');

在上面的代码中,我使用Underling和代码标签作为下划线和代码按钮  两者都使用相同的JavaScript功能。下划线工作正常,但当我选择代码部分&amp;点击代码按钮,它无法正常工作

Javascript功能代码:

function rteCommand(rte, command, option) {
    //function to perform command
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
    } else {
        oRTE = document.getElementById(rte).contentWindow;
    }
    alert(command);

    try {
        oRTE.focus();
        oRTE.document.execCommand(command, false, option);
        oRTE.focus();
    } catch (e) {
    }
}

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

由于第一个工作正常,我认为你应该创建一个单独的函数来处理“代码”按钮