search

parallaxinc / BlocklyProp

Blockly based visual programming editor for Propeller C
MIT License
44 stars 24 forks source link

Generated code viewer #43

Closed michel-cf closed 8 years ago

michel-cf commented 9 years ago

Add highlighting to generated code viewer. (Making sure to maintaining read only mode)

Options:

Ace editor has an online system to create custom highlights. As we will have to create a custom highlight for Spin this might be the best option.

This has been discussed on the Parallax Propeller Forum but I didn't find anyone that actually made the spin highlighter for any of these systems.

DarkmatterVale commented 9 years ago

Interesting idea. Would this be used to highlight code just like in PropellerIDE ( functions are a color, variables another, etc )?

michel-cf commented 9 years ago

Yes, I'd like to get as close to it as possible. Reading the generated code with highlighting makes it more easy to read. And it will also ease the transition to the code editor for when users want to 'grow' from BlocklyProp to the PropellerIDE.

I think the normal C highlighter should suffice for the Prop-C version.

DarkmatterVale commented 9 years ago

Another good one might be Prismjs.

I have been messing around with this, and I it works pretty well, but I cannot get my code to display on screen. For some reason, I cannot use anything but a block to hold the C code. If I use anything else, the code just won't show up. Do you have any ideas as to why this is happening?

DarkmatterVale commented 9 years ago

After some work, I am making some progress. I can display the converted code in the text area, but as stated above, I am unable to display anything if I do not use a text area. Michel, do you have any ideas as to why I might be having this issue?

I will attach a picture to this comment soon....

DarkmatterVale commented 8 years ago

This has been completed and is working very well.