Pages

Wednesday, November 16, 2011

Shrpr Web Resource Editor: First Release

In the last few days I have been quite busy creating a new project.
Initially I started this as a personal project, to learn a bit more about JavaScript. But the outcomes are quite useful and so I open it as a project on GitHub.

So what is it?


It is a better way to edit Webresources, more specific Javascript, Html and Css, directly within Dynamics Crm in a better way.
It will not replace Visual Studio, but I think it is a nice way to do small bugfixes, changes online.


What can it do?

  • It provides Syntax Highlighting for JavaScript, Html and Css
  • It shows Row Numbers for the file
  • It highlights matching braces
  • It has a very simple code completion
You find screenshots of the features at the end of this post.

How does it work?
I have used only Html, Javascript and Css to create this functionality. 
It combines several components, most notably the Editor component of the Eclipse Orion project. This editor is also the soon to be editor within Mozilla Firefox.
So no need for Silverlight or Flash here.

You can find all informations about download, the project site and so on on this blog under Shrpr Web Resource Editor.

I have tested the editor OnPremise and Online,
but please be aware that this release is an early release, so use it with caution.

If you have any ideas please do not hesitate to contact me.




4 comments:

  1. Hi Georg. This editor is a great start. I installed the solution to a 2011 online instance. Installs fine and I get the "Edit in WRE" button when I open a web resource. But when I click on the button, I get a page not found. Looking at the URL, it is https://myDomainName/tools/webresourceeditor/WebResources/shrpr_/WebResourceEditor/WebResourceEditor.htm?Data=Editable

    and the URL of the web resource I am trying to edit is https://myDomainName//WebResources/

    Any ideas what might be wrong?

    ReplyDelete
  2. Hi Saoise,

    what kind of WebResource are you editing? Is it in the Default Solution or your own solution?
    What language are you using?
    The URL called should be https://myDomainName/WebResources/shrpr_/WebResourceEditor/WebResourceEditor.htm?Data=Editable
    and this should be the URL to be opened.

    You should see at least the Icon and the Toolbar when correcting the URL like this, but we need to find the reason why the URL for you is the faulty.

    ReplyDelete
  3. Georg, thanks for getting back to me.

    what kind of WebResource are you editing?

    Javascript file

    Is it in the Default Solution or your own solution?

    default solution

    What language are you using?

    javascript

    The URL called should be https://myDomainName/WebResources/shrpr_/WebResourceEditor/WebResourceEditor.htm?Data=Editable
    and this should be the URL to be opened.

    yes. when i correct the url myself i can open the editor but then i have a different problem. I get a javascript error on mouseover. I also don't think i get the full editing experience. i looked at the editor on the orion website and there seems to be more functionality there than what I get when I correct the url so the editor opens.

    ReplyDelete
  4. Saoise, I have updated the Solution to 0.2, try the new version.

    I could not reproduce the issue but I have included a better way for constructing the URL. Hopefully this will the issue you are facing.

    As for the features on the website:
    I use only a part of the Orion functionality as it consists of server-side parts, like the Solution handling or the integration with Git, and the client-side editor component.

    As the development of the Shrpr Web Resource Editor goes on I will introduce more features.

    If you have any wish, just say it here or post an issue over at GitHub.

    ReplyDelete