What is your favourite Java Script WYSIWYG Editor component? - javascript

I definitifely like the one at stackoverflow, because it's clean and simple. Also the live preview with code/syntax hilighting is really helpful (and motivating).
What is your favourite Javascript Editor Framework and why?

I like widgEditor because it's very simple and it only do the minimum. TinyMCE or FCKeditor are goods, but they are too big for what I need.

TinyMCE looks good with lots of useful features.

I just stumpeld over MarkItUp, which is JQuery based and adaptable for different kinds of markup.
Could be an option, if your markup isn't just HTML, but Template, Forum or "whatever style"
markup.
I found a List of Editors with their features.

Simple Text Editor is a good one (STE 1.0).

In my web-hacker days, I used Xinha quite a lot.

I like FCKeditor because of it's flexibility and it worked fine on all the browsers I've tested it on.

Really depends on your needs, here are your options: TinyMCE, NicEdit, FreeRichTextEditor, TinyEditor, openWYSIWYG, WYMeditor, jHtmlArea, uEditor, CLEditor, jQRTE, jQuery Simple WYSIWYG Editor, xinha, ckedit

I love tiny_mce
Goran

Related

Filter Builder in Javascript

Anyone knows a javascript alternative to something like:
http://demos.devexpress.com/ASPxGridViewDemos/Filtering/FilterBuilder.aspx
-> click on the condition in the footer of the grid to see the filter
Can be a jquery plugin, jqGrid plugin or anything.
Any suggestion appreciated, thanks.
There is an open source project in Google Code, which meets your requirement. Checkout the demo here:
http://expbuilder.googlecode.com/hg/src/cb/condition-builder.html
Edit: Google Code is no longer active but if you're really interested in trying this old answer, you can download the source code here: https://code.google.com/archive/p/expbuilder/source/default/source
I checked Paramesh solution and found it good enough for me.
However while integrating with project, I found js is rather lacking more modern jQuery features, as well as it can be simplified. So I did.
My alternative solution:
https://github.com/Drachenfels/sql-like-query-builder-for-js
With demo:
https://dl.dropboxusercontent.com/u/196245/condition-builder/condition-builder.html
Maybe someone will find it useful some day.
Feel free to copy/paste/change/suggest fixes/suggest features. ;)
DevExtreme recently released js Filter Builder widget, and it works in different approaches and jQuery also supported. You can see Filter Builder Demo

editor with some requirements

Q:
I ask about free editors (controls), but i wanna a light one not heavy like AJAX editor ,i will use 4 or 5 editors in the page so i don't want my page to be heavy, and one more thing ,i find CKEditor , it is free and light but doesn't allow the (Read only) property..
any control or suggestion will be great .
thanks in advance.
definitely WidgEditor, it is the lightest yet quite powerful editor that I know of:
http://themaninblue.com/experiment/widgEditor/
Try TinyMCE in simple mode :
http://tinymce.moxiecode.com/

Real-time CSS editing with jQuery

Is there a plugin for jQuery or generally a method to have a textarea containing CSS code of the currently open web page which will be automatically updated during edit (without page reload)?
It's not exactly a general solution you're asking for, so just throwing this out there in case it's what you're ultimately after. If your goal is to edit and play with your styles there's Firebug, or Chrome's built-in developer tools.
The JavaScript version is Firebug Lite.
Thank you guys – most of all thanks to takeshin (who posted a comment to my original question).
takeshin's comment helped me quite a bit: With jQuery, I inserted the edited CSS code from a code highlighter called Codemirror into the head of the page. It's as simple as that. :)
There are now several services out there. I personally use codr.io. For not-quite real-time I use jsfiddle.net.

What is the code behind this javascript?

I'm trying to find out how they were able to create this site. http://www.cpeople.ru, i am trying to build my portfolio to look something like it. Particularly, I want the slider effect of the menu. Please help me out. Thanks. :)
Look at the source code, it's quite open. They're using jQuery with the jCarousel and Mousewheel plugins. On top they have two custom scripts called f.js and portfolio.js, which are plainly readable as is.
Look into free JavaScript frameworks, particularly jQuery UI. jQuery can do plenty of special effects, and it's quite easy to use.
If you look at the source of the linked webpage, you can see it uses jQuery and two jQuery plugins, jCarousel and mousewheel.
Be sure not to copy swathes of code from existing websites (unless it is expressly permitted, as is the case with jQuery), as that would be copyright infringement.
Try chrome sniffer if you use google chrome.

firefox plugin inorder to get the data from textbox

my problem is that, i what to develop a firefox plugin that extract data from the textbox and it has to be stored in some temporary memory.
i didn't have any idea about plugin's So please give the solution in a detailed manner
thank u.......!
Try reading the extension documentation, and then asking specific questions about things you still don't understand. It sounds like you are asking someone to write the whole extension for you, which isn't really the purpose of SO.
You could also look for open-source extensions that interact with text fields (like one of the ones that allows editing a text field in an external editor) and see how they work.
Have you seen the "It's all text" plugin? It allows you to edit a textarea in your editor of choice. After saving, the textarea is updated. I'm sure there's some code in that plugin that you could use.
Also, what you're describing sounds really simple. Are you sure a plugin is the right solution? Maybe a Greasemonkey script would be easier.

Categories

Resources