Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I'm learning javascript and want to create a library of example code snippets as I learn new ideas. I'm currently using evernote, but am wondering if there is a more elegant solution where I can create a reference library complete with syntax highlighting/executing the code in the browser.
Thoughts/suggestions?
Tried the Evenote Plugin for Sublime3?
http://www.sublimetext.com/3
https://sublime.wbond.net/packages/Evernote
You can save new notes, update existing notes, using github style markdown.
Here is an example:
I use
app.gistboxapp.com
You need a GitHub account to login: this app connects to your Gists repository saved into Github and keeps all your code snippets. It's web based so you don't need to download anything. Everytime you save a new snippet GistboxApp will add a Gist to your Github repository.
You can label all your snippets to divide them in categories.
Hope this helps...it works fine for me
I use Evernote as the snippets etc. is primarily from various websites. The web clipper browser plugin lets me create notes right to Evernote with highlighting (as shown on the original website) preserved. Tagging and additional comments along with sharing and the availability (between job/home/mobile in my case) is a very nice addition.
For my own snippets from IDE/editor i usually do a screenshot or if i want to preserve the copy-paste-ability i just add a text/source file to Evernote.
For OS X there is Quiver. It is very similar to Evernote in look and feel and adds many useful code snippets related features.
Quiver is a notebook built for programmers. It lets you easily mix text, code, Markdown and LaTeX within one note, edit code with an awesome code editor, live preview Markdown and LaTeX, and find any note instantly via the full-text search.
I am really liking Marxico, so far.
With this tool, your text is still stored in Evernote, but it supports code block formatting and markdown for notes. Note: This won't actually run your code.
You can also use http://tohtml.com/ and copy and paste over.
Works for me.
I like and use codebox but afaik it's osx only.
http://www.shpakovski.com/codebox/
Would really like to see this become cross platform.
I know this has been answered perfectly, but if you use sublime text as your code editor, evernote can be a fantastic was to collect and use snippets.
Sublime text as an evernote plugin. With it you can add notes (so type your snippet in sublime text and push it to evernote from sublime text) and open your evernote notes in sublime text.
So you just add your snippets to evernote. Then search them within sublime text and use them! There is a similar plugin for gist, where you store your snippets as gists and then access them through sublime text. But I think, evernote is a better option as it's easier to edit and re-sort snippets.
The evernote plugin
The gist plugin
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am new in multimedia analysis area.
Recently, I am working on a project which is built on AngularJS and Flask framework and I want to realize the following functions in our website:
user can cut the video into segments and the website can merge all
the selected segments into one new video;
the website can extract key frames of the new video which is
generated by the first step;
the player can get a 'start time' parameter and a 'end time' parameter
(or a 'duration' parameter) given by user and play the clips based on
the user input parameters.
For now, I have searched several tools like JWPlayer, FFMpeg. But I really have no idea on how to use them and whether they are the best tools for these requirements. I was wondering if you might be able to give me some advice.
[Update on 2015 Dec 10]
I have made a progress bar by JavaScript and it can satisfied the 3rd requirement, so the video analysis part becomes the toughest one. I also find some other tools or libraries like Video.js, OpenCV, VLC etc. Can anyone give some advice on open source video analysis tools? It would be better if it works well with Python server.
Thank you.
For the keyframe snapshot you can use a plugin like https://jwplayer.electroteque.org/snapshot
There are other ways to take a snapshot but they're not terribly easy.
If you are kicking back a file that users can download, FFMpeg is one of the very few options, if you're interested in creating server-side code to manipulate video files. You could also use Flip Factory, Carbon Coder, or even better -- encoding.com
Alternatively, you can just use JW Player's API to load which videos you want at the specific times. ie:
jwplayer('yourDiv').pause();
jwplayer('yourDiv').setup({ file: secondfile.mp4 });
jwplayer('yourDiv').seek(seekVariable);
etc...
Another option is to use http://popcornjs.org/ which gives you some more flexibility in manipulating the native HTML5 video element, allowing you to fire events off at specific time markers, like in this really cool demo which shows just one powerful way it can be implemented. Though not quite what you might need, it's something to keep in mind. http://hello.processing.org/editor/
(Edit) For more information...
To get ffmpeg installed and running:
http://www.hongkiat.com/blog/ffmpeg-guide/
To create your own video player:
https://github.com/chelyaev/ffmpeg-tutorial
Official docs: https://ffmpeg.org/documentation.html
Encoding tutorial:
https://www.virag.si/2012/01/web-video-encoding-tutorial-with-ffmpeg-0-9/
Awesome tutorial for creating a hover scrub preview of your video:
https://www.binpress.com/tutorial/how-to-generate-video-previews-with-ffmpeg/138
and demo: http://jsfiddle.net/r6wz0nz6/2/
Also be aware of the big fork in the community, Libav, which is another option I believe: http://blog.pkh.me/p/13-the-ffmpeg-libav-situation.html
I am looking for a rich text editor that allows for code highlighting. I have worked on a BB-code system myself, and seeing as this topic turned out without any replies, I have not found a way (after countless of hours of searching) how to solve this. Therefore, I am bound to use an existing rich text editor, but it is important that it has the ability to add code snippets.
I am looking for a JavaScript or jQuery based one, since my server does not run ASP (or many other languages unfortunately).
Before I will get the reply "sigh repost", I have spend hours of searching and on topics regarding rich text editors, there were not any suggestions that have the ability to add code snippets, or they are using ASP. Therefore, my question is not a repost, so please don't bother commenting these replies!
If there are not any available, is there any way I can easily implement for example Alex Gorbatchev's Syntax Highlighter into a simple rich text editor? Or perhaps any other? If so, how would I go about doing this?
Basically, I am looking for a way to do something similar as the rich text box used on Stack Overflow (with code snippet syntaxing).
Thanks!
PS. If it is unclear what I am questioning, please refer to this topic, that might make things more clear.
I'm wondering if there is some sort of element (preferably jQuery since this library is used) which enables online editing in a (converted) textarea. Basically what I'm looking for is a framework for textarea tabbing and syntaxhighlighting for basic online source-code editing that I can embed in my site. Any suggestions? My Google attempts result in RTE-editors having a 'show code' button which is not what I'm looking for, obvious.
CodeMirror is the serious alternative to ACE. It's used by various projects, including jsFiddle (mentioned in another answer), jsbin and Google Code.
If you want something you can embed on your site, try ACE. Here's a demo.
Sounds like jsfiddle.net may give you what you're looking for.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Are there any iPad compatible wysiwyg HTML editors?
Edit: What I'm looking for is something that would work on a web app, not a native iPad app.
I think that the GDocs editor might work, but keep in mind that there's almost no editor like that, they are managing everything by themselves.
The rest of editors try to use contentEditable, and Apple itself warns against using it with the iPad: http://developer.apple.com/library/ios/technotes/tn2010/tn2262/#//apple_ref/doc/uid/DTS40009577-CH1-DontLinkElementID_7
I would advise you to use NicEditor which has an option of using content editable divs rather than iframe(has some issues in ipad)
I don't know but think that what you are after is something to edit the code of a web app. If it is then since the web app is essentially a web page you could use any text editor, I personally like Gusto for the iPad- http://itunes.apple.com/us/app/gusto/id364906873?mt=8.
Either that or you are looking for a HTML editor which is a web app itself. In that case, sorry I don't know of any.
I am sure there may be a few that exist. I have not had any experience with either but take a look at the below links:
iPad HTML Editor - http://itunes.apple.com/us/app/kytekhtmleditor/id349354394?mt=8
SquareSpace for iPad - http://mashable.com/2010/12/21/squarespace-ipad/
Check out the following Web (html) Wysiwyg Editors.:
Dreamweaver
Flux (Mac only)
Creative Suite
Expression Web/Studio
There are a quite few available WYSIWYG editors and some are even free. However, 'free' is not always best as the code compilation may not be optimal and important features are lacking.
Hope that helps!
I was also looking for this too and couldn't find it so I coded it myself.
iPad web based Code Editor (with extra symbols keyboard)
It is a web-based code editor that allows you to type in all the symbols and characters used when programming (brackets, equal sign, tab, quotes...). It is currently in a very early stage so you will need to copy/paste the code, edit, copy/paste again somewhere else (Dropbox, FTP client).
You may also want to check out CodeAnywhere, they have a native app AND also a web-app.
I've experienced a similar issue in a web app I've developed that does not allow wysiwyg editing when run on an IPad/IPhone. The wysiwyg component I use is Telerik's RadEditor (a terrific product, btw), and Telerik has posted a KB page regarding this issue at http://www.telerik.com/support/kb/aspnet-ajax/editor/support-for-iphone-ipad-browser.aspx. It seems, at this point, that Apple has chosen to lock down Safari on the IPad/IPhone in such a way that these rich text editors do not work. I haven't yet seen an alternative solution to this (other than allowing IPad/IPhone users to enter their content in a plain ol' textbox) but am keeping my ear to the ground.
I need to add a text area that also has line numbering capabilities. I tried EditArea, but I couldn't make it work with text files. It would be ideal if it could highlight syntax for existing programming languages, but that would only be a side bonus.
The main thing I'm after is line numbering for whatever I paste in it. Please only list open source ones.
Try Etherpad, we can configure it to show line numbers.
Etherpad is a highly customizable Open Source online editor providing
collaborative editing in really real-time
Other opensource alternatives CodeMirror and Firepad
Firepad is feature rich, built on Google's Firebase, so no need to setup a server