You are not logged in.
2012-05-06 06:00:29
mrd_codeMirror: CodeMirror in Pages, Forms, Style
mrd_codeMirror
Got off my ass and bent hak_editarea to my fiendish ends. grab it here mrd_codeMirror »
Description
This plugin uses a javascript library called “codeMirror” to format and syntax color textareas in Textpattern’s Forms, Pages and Style tabs
About CodeMirror
CodeMirror is a JavaScript component that provides a code editor in the browser. When a mode is available for the language you are coding in, it will color your code, and optionally help with indentation.
Requirements
This plugin requires the following files (included) to be present in the /scripts directory of your site root.
- yoursite.com
- scripts
- codeMirror
- codemirror.css
- themes_min.css
- htmlmixed_min.js
- css_min.js
- codeMirror
- textpattern
- etc…
- scripts
History
- 0.1 Initial release
- 0.2 Included XML style autocomplete
Credits
This plugin was prompted by Simon Finch’s CodeMirror admin theme and was made possible by blatatl ripping off Patrick Woods’s hak_edit_area plugin.
Please, oh please, would someone do a better job of this plugin? I’m beggin’.
Offline
2012-05-06 13:24:45
Re: mrd_codeMirror: CodeMirror in Pages, Forms, Style
Mr Dale,
Wow, so very fast of you and very nice. Works as intended.
Some quick observations
In your distribution there is no codeMirror sub-folder in the scripts folder, the css and js files are in the scripts folder. Easy enough here to create the codeMirror folder and move the ccs and js into it to make the plugin work but you would want to fix it.
Interferes with CSS in Remora, the navigation dropdowns don’t have enough “Z” to appear in front of the codeMirror edit areas. In Hive, it does a neat job of deconstructing a lot of Mr Wareham’s good works.
Offline
2012-05-07 01:56:00
Re: mrd_codeMirror: CodeMirror in Pages, Forms, Style
Just another quick observation: you should provide a stylesheet that only covers the styling needed for the plugin instead of overwriting the rest of the theme (side columns, font-sizing, colours, etc).
Offline
2012-05-07 03:46:48
Re: mrd_codeMirror: CodeMirror in Pages, Forms, Style
phiw13 wrote: Just another quick observation: you should provide a stylesheet that only covers the styling needed.
Yeah, I totally spaced that. Like a total dozer I just copied the whole theme. I just updated the css to only include the codeMirror specific stuff.
Last edited by mrdale (2012-05-07 04:05:12)
Offline
2012-05-07 04:08:55
Re: mrd_codeMirror: CodeMirror in Pages, Forms, Style
joebaich wrote: In your distribution there is no codeMirror sub-folder in the scripts folder, the css and js files are in the scripts folder… Interferes with CSS in Remora…
These issues (relating to my brainless inclusion of the whole admin theme style sheet) should now be fixed…
Last edited by mrdale (2012-05-07 04:09:08)
Offline
2012-05-07 16:24:53
Re: mrd_codeMirror: CodeMirror in Pages, Forms, Style
Support for JavaScript in editors created by the spf_js or stm_javascript plugins would be great!
Offline
2012-05-07 20:11:40
Re: mrd_codeMirror: CodeMirror in Pages, Forms, Style
MattD wrote: Support for JavaScript in editors created by the spf_js or stm_javascript plugins would be great!
feel free to hack it in.
Offline
2012-05-07 22:56:58
Re: mrd_codeMirror: CodeMirror in Pages, Forms, Style
mrdale wrote:
feel free to hack it in.
I was trying before I posted but I get a javascript error and haven’t had a chance to look into it further. It seems the version of javascript.js I found doesn’t work the same as css_min.js and htmlmixed_min.js that are included with your download.
Offline
