syntax highlighter for CSS (ace ajax)

Question

I have been working on the ace for a few days but I still cannot get it worked with css properly, been trying to look for solutions online or ace weki/ documentation, etc, but no luck at all.

This is my attempt to highlight css with ace, but it has these error message on firefox,

Could not load worker ace.js (line 1)
Error: Could not get domain! [Break On This Error] define("ace/mode/css",["require","expo...).call(f.prototype),b.WorkerClient=f})

Any ideas what that means and how to fix it?

The entire code,

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Ace editor</title>
    <style>
    #ace-editor {
        position: absolute;
        width: 500px;
        height: 400px;
    }
    </style>

    <script src="jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="src/ace.js" type="text/javascript" charset="utf-8"></script>
    <script src="src/theme-eclipse.js" type="text/javascript" charset="utf-8"></script>
    <script src="src/mode-css.js" type="text/javascript" charset="utf-8"></script>

    <script>
    $(document).ready(function(){

        var editor = ace.edit("ace-editor");
        editor.setTheme("ace/theme/eclipse");

        var CssMode = require("ace/mode/css").Mode;
        editor.getSession().setMode(new CssMode());

        //var textarea = $('.code').hide();
        var textarea = $('.code');

        // Get the value from the editor and place it into the texrarea.
        var text = editor.getSession().getValue();
        textarea.val(text);

        // Update the textarea on change.
        editor.getSession().on('change', function(){

            // Get the value from the editor and place it into the texrarea.
            var text = editor.getSession().getValue();
            textarea.val(text);
            //alert(text);
        });

        $('#form_data').submit(function(e){
            //alert($(this).serialize());

            var object = $(this);
            var path = object.attr('action');

            alert(object.serialize());

            $.post(path, object.serialize(),function(xml){

            });
            return false;
        });
    });
    </script>
</head>
<body>

<form action="data.php" method="post" enctype="multipart/form-data" id="form_data" class="set-form">

    <textarea rows="5" cols="10" class="code" name="ace-editor"></textarea>

    <div style="height:450px; border:1px solid #000;">
        <div id="ace-editor"><style>.text-layer {
    font-family: Monaco, "Courier New", monospace;
    font-size: 12px;
    cursor: text;
}</style></div>
    </div>

<input type="submit" name="submit" value="submit"/>

</form>

</body>
</html>

Andrey Mikhaylov - lolmaus · Accepted Answer · 2013-03-29 06:46:34Z

1

So this was a bug in Firefox that appears only on Localhost and that have been fixed a year ago:

https://github.com/ajaxorg/ace/issues/526#issuecomment-2876359

answered Mar 29, 2013 at 6:46

Andrey Mikhaylov - lolmaus

24k8 gold badges91 silver badges142 bronze badges

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

Collectives™ on Stack Overflow

syntax highlighter for CSS (ace ajax)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related