Installing Online Code Editing Tool CodeMirror on Rackspace Cloud Files is quite as it runs only using static files – JavaScript, CSS and few images files. CodeMirror is Open Source but actually not a ready made solution, you need to code a bit for advanced usages. But unlike Pastebin with Syntax Highlighting is has no PHP files, so basically you can run on Rackspace Cloud Files using our method.
Installing Online Code Editing Tool CodeMirror on Rackspace Cloud Files : Important Resources
For Installing Online Code Editing Tool CodeMirror on Rackspace Cloud Files, you have to understand, how we can actually run a JavaScript, CSS, image files and HTML file based tools just on Cloud Files – fully on blob storage, without any real server. You can for example, read this guide to create a website on Rackspace Cloud Files on Bootstrap.
Download the Zip file from GitHub for Installing Online Code Editing Tool CodeMirror on Rackspace Cloud Files :
---
|
1 |
https://github.com/marijnh/CodeMirror |
Steps for Installing Online Code Editing Tool CodeMirror on Rackspace Cloud Files
Upload all the things to your Rackspace Cloud Files container, make it Public (publish it) just in the way we described in the linked previous tutorial. As we mentioned, it is for using as a base but actually you can use it features easily. For that, go to :
|
1 |
codemirrorcodemirror-2.35mode |
folder and you will find all the supported languages named folders. Inside them, there will be an index.html file. If you double click to open it, you will get the code Editor of that language. For example, for CSS it is :
|
1 |
codemirror/codemirror-2.35/mode/css/index.html |
You have to add POST meta data X-Container-Meta-Web-Index for index.html from your Rackspace Cloud Files Control panel.
This is basically the Installing Online Code Editing Tool CodeMirror on Rackspace Cloud Files ! Better to say Uploading than Installing. So what you are looking for ? We wrote fuss that never works just like hundreds of other made for money making sites ?
Go here for Live Demo of CSS Editor , its Cloud Files. You can do the Parsing/Highlighting Tests too (Red Hyperlinks on that webpage). oh yes, you can actually use the SSL / HTTPS URL too. There are lot of themes, like for Less mode.
Tagged With paperuri:(0f11dcb80c6de9d267a6896852a3898a)