Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am looking for a very clean project to add cross-browser JavaScript API to contenteditable div.
If it has UI, then it should be possible not to load it (as opposed to disabling it) or completely remove from sources.
I am looking for basic features really without huge focus on backward-compatibility but rather a cleaner code.
Some of the features, I would expect from this API would be:
Insert HTML snippet at the position of the cursor
Clean up contents after paste (such as spans and font sizes)
Return node, where cursor currently is positioned
Add new item to item list
I suppose I could code them with some jQuery, but if someone have it, why not re-use it.
You could use the one Google use -
http://closure-library.googlecode.com/svn/docs/namespace_goog_editor.html
http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/editor/field_basic.html
If your concern about cleaner code relates to maintainability/extensibility then all the code in the Closure library is well documented and all variables/methods are verbose in their naming (this is because the Closure Compiler will take care of minifying them for the client).
In CKEditor the UI and themes are defined as plugins and not part of the core, so if you have enough patience you could redefine them in any way that you want.
Quill seems to be gaining good traction - https://github.com/quilljs/quill
Look at this, it seems suitable: http://www.artlebedev.ru/tools/reformator/
Source code: http://web.artlebedev.ru/tools/reformator/reformator.zip
PS. It's free for non-commercial use only.
TinyMice is also good choice. It has jQuery API
What about WYMEditor?
http://www.wymeditor.org/
https://github.com/wymeditor/wymeditor
http://files.wymeditor.org/wymeditor/trunk/src/examples/12-custom-layout.html
http://files.wymeditor.org/wymeditor/trunk/src/examples/
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
We need to create a feature to help new users understand the product that they are testing during trial period.
We think in creating a jQuery script of semiautomated actions (AKA clics) and popup displaying information. We use a script to enter text in inputs called Ghostwriter but we need some more features.
Imagine something like when Facebooks delivers a new feature, that makes a step by step introduction in order to show how this works, the ones that you tipically clic the "OK, I get it!" button to skip it.
For some forms we did some scripts displaying tooltips next to fields explaining the usage. But doing this Web Site wide, will create lots of code.
What we need is something more declarative, where you could setup some steps, creating a script in Javascript, that should not polute the existing HTML.
How should I do this? Any experiences in this kind of issues?
This is super awesome and easy to use:
hopscotch
I like http://bootstraptour.com/
I'm sure it hits on a lot of features you need.
A quick Google search reveals this commercial option: http://www.walkme.com/landing-pages/create-the-ultimate-demo-with-walkme
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I am looking for a component that will allow the user to edit PDF files within an ASP.NET web page.
It is mainly going to be used as a template editor to add blocks/form fields mainly to an existing PDF. It should have rulers etc.. within it.
I have been searching for such a component for a while now and have drawn a blank.
A finished component would be ideal or at least some pointers on how to go about it.
Regards
I am reasonably certain that there is no product that does this off-the-shelf.
Without writing the solution yourself, you will likely not find any web-editors that allow uploading and then editing a PDF on your server. Decent desktop PDF editors are generally expensive, and I imagine the security woes surrounding PDFs would make this a complex solution
As for approaches, there are ASP.NET products that will generate a pdf from text or a document. Depending on your needs this might be acceptable. You could possibly look into the PDF specification and pull the text into an editor and then regenerate the file.
I am not familiar with the Google Docs API, but if anyone had a capability along these lines they might be a good place to start.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Locked. This question and its answers are locked because the question is off-topic but has historical significance. It is not currently accepting new answers or interactions.
I am looking for an alternative to Select2 that basically provides the same functionality, but includes proper tests.
The quest for the holy grail? The last unicorn?
Selectize.js is a select2 alternative I've been working on that has a suite of tests using a combination of testem, syn, mocha, and chai. Right now there are the following classes of tests:
InteractionFunctional tests that makes sure the control behaves as if the user is using it (using syn).
SetupEnsures the control can be initialized properly from existing <select> and <input> elements.
APITests core API methods for proper functionality.
EventsEnsures built-in events get fired at the right times with the proper arguments.
XSSTests a handful of potential exploits.
With that said, the tests aren't as expansive as I want them to be, but it's getting there :)
Another possible alternative is bootstrap-multiselect
"JQuery multiselect plugin based on Twitter Bootstrap"
Examples and documentation: http://davidstutz.github.io/bootstrap-multiselect/
The repository does not contain any automated tests, manual tests instead
Themed using Bootstrap 3
JavaScript source code is short: 800 lines of code
524 stars on GitHub (as of 2013/12/13)
Note: I'm no longer maintaining this project. Choose another one.
Bselect, which I develop, is tested, however doesn't include all the features (yet) from Select2/Chosen.
If you want, join me in its development :)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I've looked at free javascript html editors, and I haven't found any that I feel handle links intuitively. I like the way the gmail editor does it (also the same way blogger.com) does it.
Does anyone know if there is an open source editor that handles linking that way? Jquery would be preferable.
gmail uses the open source closure-libary (made by google). Some documentation can be found here:
https://developers.google.com/closure/library/
An example of an editor created with the closure-libary, much similar to the gmail editor (e.g. the link part), can be found here:
https://google.github.io/closure-library/source/closure/goog/demos/editor/editor.html
I use TinyMCE myself as Banzor suggests but here are a few other alternatives eash with their own strengths:
WYMeditor - http://www.wymeditor.org/
CKEditor - http://ckeditor.com/
FCKeditor - http://drupal.org/project/fckeditor
I use TinyMCE. It is probably the most powerful JavaScript version and it has really clean markup! The entire UI is customizable too. They have alot of info on the TinyMCE website
Here is the jQuery version: TINYMCE plugin
Thanks Dennis,
But recently there is a very well customized feature for gmail!
New gmail text editing options
Hence is there a simple code like above and also can recognize right to left and left to right languages automatically.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I need to automatically check the style of javascript sources written by different people. Do you know of a good tool to do it? Integration with emacs would be a plus. Thank you in advance.
See EditorConfig. This tool is not limited to js though; You first install the plugin for your editor (there is an emacs plugin), and create a file named .editorconfig, whose content is the coding style.
I've recently updated the CodePainter project to work tightly with EditorConfig, so you can get the best of both worlds with JavaScript.
Please, spread the word. The project could use more traction and I could use more help.
Google JavaScript pretty print and JavaScript lint. Plenty of options, including JavaScript Lint and JSLint, among others.
There's also JSHint which has libraries for Rhino, JavaScriptCore, Windows Script Host and Ruby.
You're probably looking for the JS Code Sniffer: https://npmjs.org/package/jscodesniffer#a-standard