Back to Questions
2.2k
views1
comment
How can I execute Plain Ol' JavaScript?
websharperf#javascript

I have the following example script code from TinyMCE's website. It turns all my textarea into sweet HTML renderers.

1
2
3
4
5
6
7
8
9
10
11

<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>

I can execute it on load by including it in the HTML. But I'm dynamically creating a bunch of textarea based on user input, and I want to apply it to those too.

How can I execute the raw JavaScript from the F# code?

.

If you put this javascript code in a global function:

1
2
3
4
5

<script type="text/javascript">
var initTinymce = function() {
    tinymce.init(/* ... */)
};
</script>

Then you can do the following in F#:

1
2
3
4
5
6

open WebSharper
open WebSharper.JavaScript

[<JavaScript>]
let InitTinymce() =
    JS.Window?initTinymce()

JS.Window is the global window object, and the dynamic operator ? accesses a JavaScript object field on an arbitrary value.

By on 6/2/2015 2:58 AM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper