Can anybody point me in the right direction as to how to
implement the editor that opens up when I try to post an answer or type a new question ?
Also when displaying the replies how is the feature with syntax highlighting for the code snippets implemented ?
As far as I know, the Javascript based editor is a heavily modified version of WMD Markdown Editor.
Moving on to your second question. What server side language are you using? For example, in PHP Geshi is a popluar syntax highlighter. Although I personally have not worked with it.
Try the Editor control that comes with AJAX Control Tool kit
Related
I'm baffled! I built ckeditor 4.13 using the online builder, and included the codesnippet plugin. Now when I chose the plugin within the editor from the toolbar it allows me to add the code under which ever language I choose, but the syntax highlighting doesn't work for all languages. For example CSS is not highlighted. The background of the chosen theme is there, but no highlighting. SQL queries are fine as are some others, but not CSS or PHP it would seem!
Also, I'm editing in one place and then viewing the article on another place (pulling the article from a database). The styling is completely missing altogether when it's the article is viewed. I tried to find a CSS file which may contain the classes that had been attached to the snippets (such as language-php) but couldn't. I thought if I just linked to the CSS file in my header it would attach the styling...I was wrong!
Any ideas how I can tackle this issue please? Google has brought nothing so far.
For anyone interested, I've found the best way to deal with the syntax highlighting issue is to download prism. This will work with the classes produced by ckeditors codesnippet plugin and colour code the syntax according the theme you chose from Prism. Look at prismjs.com.
I want to add highlighted Mathematica source code to Wikipedia pages, samples of brief apps like those in WR's Tweet-a-Program.
Currently, there's good support for Mathematica syntax highlight in prettify.js, and this is what mathematica.stackexchange.com and the Wolfram Community use to display code.
I know that Wikipedia supports Geshi, however Geshi lacks Mathematica support, and I want to avoid messing with that, as I haven't done regex for a while.
Can Prettify.js be used to highlight code posted in Wikipedia?
You can also use it with an add-on like greasemonkey. (I don't have the rep to comment, have to put this as an answer).
I like this inline text editor used at Quora:
http://www.quora.com/Brogramming/How-does-a-programmer-become-a-brogrammer
However, I was unable to identify this one. Does anybody recognize this editor?
http://www.quora.com/Quora-Rich-Text-Editor?q=quora+text+editor
You could pull off something like that using CodeMirror It's very flexible and does wonderful code highlighting. I've implemented it as a template editor built into a CMS I work on. It was even pretty easy getting it to handle some of the special syntax specific to our CMS.
It's most likely proprietary.
Perhaps TinyMCE would be a better solution for you?
I blog on Wordpress, is there any tool to upload the Objective C code in a formatted manner to my blog. I googled to find more on this..but was not of much help.
Check out Wordpress for iOS. The Wordpress app is open source, so you can rummage through the code.
Are you asking about formatting the code in blog posts? If so you can use a syntex highlihging library like syntaxhighlighter.
Edit: There is also a wordpress plugin that will do syntex highligting: http://wordpress.org/extend/plugins/wp-syntax/
There are several syntax highlighter plugins for Wordpress, but not all of them support Objective-C. I just found one that does: The name is "Auto SyntaxHighlighter".
The website of the plugin doesn't mention Objective-C, but the plugin does.
When you write your article in the visual editor in Wordpress, there will be an icon for adding source code. There you can choose the language (e. g. "Objective-C").
In the visual editor, you cannot see all the nice bells and whistles of the added source code, but if you click "preview", you will see the nice syntax highlighting, etc.
I am looking for a tool/textarea that would provide a dreamweaver-like code area, or even notepad++, with code highlighting and intellisens, intelisens can be added afterward, but if its there its even better. The point is to add visual help to whoever is doing web editing with the component.
Is there any kind of tool that could do this job?
thank you!
I'm not sure if you're interested, but have you tried looking into Bespin it seems to be a pretty well worked out online code editor.