Integrate editor at https://github.com/naseer/mermaid-webapp

[naseer]

Creating to address the discussion at #106 to integrate the editor at https://github.com/naseer/mermaid-webapp

[knsv]

@naseer, you should take a look at the new api for validating text. I had this kind of editor in mind when writing it.

Error handling

When the parser encounters invalid syntax the mermaid.parseError function is called. It is possible to override this function in order to handle the error in an application specific way.

Parsing text without rendering

It is also possible to validate the syntax before rendering in order to streamline the user experience. The function mermaid.parse(txt) takes a text string as an argument and returns true if the text is syntactically correct and false if it is not. The parseError function will be called when the parse function returns false.

The code-example below in meta code illustrates how this could work:

mermaid.parseError = function(err,hash){
    displayErrorInGui(err);
};

var textFieldUpdated = function(){
    var textStr = getTextFromFormField('code');

    if(mermaid.parse(textStr)){
        reRender(textStr)
    }
};

bindEventHandler('change', 'code', textFieldUpdated);

[naseer]

Thanks @knsv, this will help a lot and avoid the need for mermaid.init all the time

[naseer]

@knsv - is there something to re-render without calling mermaid.init ?

[knsv]

No I think mermaid.init is the way to go!

[naseer]

@knsv - can this be closed now?

[knsv]

Yes! Closing! Thanks!