Including static javascript in web2py

Question

I have this code in html. It works just fine. However i would like the same code to work in web2py view. Please help me make it work in web2py considering there is a certain way of handling the source files in web2py. In my post.html layout view have tried using:

{{response.files.append(URL('http://www.wiris.net/demo/editor/editor'))}}

'<html>
<head>
    <script src="http://www.wiris.net/demo/editor/editor"></script>
    <script>
        var editor;
        window.onload = function () {
            editor = com.wiris.jsEditor.JsEditor.newInstance({'language': 'en'});
            editor.insertInto(document.getElementById('editorContainer'));
        }
    </script>
</head>
<body>
    <div id="editorContainer"></div>
</body>
</html>'

Anthony · Accepted Answer · 2014-05-20 14:24:37Z

1

In the views of any actions that need the editor, you can do something like:

{{extend 'layout.html'}}
<script src="http://www.wiris.net/demo/editor/editor"></script>
<script>
    var editor;
    window.onload = function () {
        editor = com.wiris.jsEditor.JsEditor.newInstance({'language': 'en'});
        editor.insertInto(document.getElementById('editorContainer'));
    }
</script>

If you'd like, you can even put that code into its own view file (e.g., /views/wiris_js.html), and then wherever you need it, just do:

{{include 'wiris_js.html'}}

Also, note that in this case, you can't use response.files because the filename doesn't end with .js, but for future reference, you should not use the URL() function with external URLs -- it is only intended for generating web2py internal URLs.

edited May 20, 2014 at 14:24

answered May 19, 2014 at 15:16

Anthony

25.5k3 gold badges31 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user1469174 Over a year ago

hi Anthony. Thanks for your response. I have been trying out what you have shared but it still will not work. The textbox (editorContainer) still does not render the wiris editor. Is there something i am missing?

Anthony Over a year ago

Sorry, you can't use response.files in this case because the filename doesn't end with .js. So either copy the file into your own static folder and give it a .js extension, or just manually write the <script> tag. Updated the answer to reflect this.

user1469174 Over a year ago

Anthony thanks i figured it out, because the URL does not end with a .js at the end, Web2py could not understand that it is a js file. Hence it could not load the file properly. Also web2py requires that the URL be secure. At the end of the day i used: <script src="wiris.net/demo/editor/editor#editor.js"></script>. Am sure this is not the best solution but it is a start.

Anthony Over a year ago

web2py doesn't require that the URL be secure, but if your web2py page is served via HTTPS, then most browsers by default will complain if you try to load something via HTTP.

Anthony Over a year ago

Your solution seems reasonable.

Collectives™ on Stack Overflow

Including static javascript in web2py

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related