Error: Could not load ‘bespin.editor.component’; last tried ‘../bespin/editor/component.js’
Source File: http://localhost:8080/bespin/js/dojo/dojo.js
Line: 16

Error: bespin.editor.Component is not a constructor
Source File: http://localhost:8080/bespin/tests/manual/editor/singleeditor.html
Line: 50

As René pointed out above, the singleeditor.html file is not working (along with all other files in frontend/tests/manual/editor). It seems like the instructions above to embed and reuse the editor component are obsolete. Your blog post was very helpful, however–is there any chance you could post an updated version sometime?

Thanks!

No syntax highlighting. Setting a theme results in a javascript error “Result of expression ‘dojo.cookie’ [undefined] is not a function.”

I tried to fix this on my own but without success so far. Should I enter this as a feature bug?

Cheers,

René

A ha! Great catch!

I just went ahead and fixed that for you:

http://hg.mozilla.org/labs/bespin/rev/f30608635329

Thanks for finding that…. people often see that as a filename thing (when you see foo.py load this highlighter) but you are correct, when it is code it makes sense to say “python”.

Cheers,

Dion

I am using the bleeding edge :) just did a “hg revert -a” and a “hg pull” again to be sure. I did get it to work in the end:

///////////////////////////////////
var _editorComponent;

// Loads and configures the objects that the editor needs
dojo.addOnLoad(function() {
_editorComponent = new bespin.editor.Component(’editor’, {
language: “py”,
loadfromdiv: true

});

_editorComponent.set(”syntaxengine”, “codemirror”);
});
///////////////////////////////////

I think one of the things that bit me was the “registered names” for the python language. Right now it is “py”, but I feel we should at least use ["py", "python"] at least.

Should I help in someway? Enter this as a feature request/bug?

That should work. Are you using the latest and greatest?

Cheers,

Dion

I do have difficulties to get syntax highlighting for python when using the component alone. I tried to .set(”syntaxengine”, “codemirror”) because I imagined that could be the problem but it does not seem to help.

Any suggestions?

Thanks a lot for the great work you share here.

Couldn’t get the editor:document:changed event to work though. Is it documented somewhere? A strict google search returns only this article. When exactly should the event fire? My editor instance does have a function by the name and it seems to connect correctly with dojo.connect, but the event never seems to fire.

In my application, we have several pieces of content that users can edit: a html template, some javascript and css.

It would be freggin’ awesome to have the option of opening a new window with just the editor control and a tab for each “file” (with no close option). Then the user can use that, and ctrl-s to save changes just like if they had the files on their local machine and was using textedit.

Currently we display the “files” in several textareas, and use a normal form submit to save changes. This is quite a cumbersome, and dosen’t have the nice do-a-change-save-tab-to-other-document-reload flow that we know and love from web development.

Best,
Oliver