Javascript CodeMirror提取代码并呈现HTML不工作

我一直在使用CodeMirror为我的textarea提供HTML语法高亮显示，但我也希望能够单击按钮在单独的div中呈现HTML代码

到目前为止，我的功能是：

    <script>
        /*create the CodeMirror editor*/
        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {lineNumbers: true}); 

        /*Grab the text from the editor and return it*/
        function extractCode() { 
            var text = editor.mirror.getValue();
            return text;
        }
    </script>
    <script>
        /*When the showmeImg image is clicked, grab the code with extractCode and send it to the output div*/
        $(document).ready(function(){
            $("#showmeImg").click(function(){
                $("#output").html($(extractCode).val());
            });
        });
    </script>

---

我对javascript和jquery相当陌生，所以我不确定我是否做得对。感谢您的帮助

找到了它不起作用的原因。jquery函数的末尾不需要.val，因为extractCode已经获取了该值。省略.val修复了这个问题