HTML text editor for webpage - html

I want arich text editor for embedding in webpage
but it should have tools and textbox seperable, i mean they should not be integrated

Try TinyMCE.

try
ckeditor
or
tinymce
both are good ... but I usually use tinymce because it does not require License :)

Related

Froala Editor bold button does not work as expected

I am building a web app that allows users to write their own html pages using the Froala editor integrated on my website.
The editor works really well and provides a great degree of control as well but, there is a small problem I am facing with the bold button. If you highlight some text inside the editor and click on the bold button, in the editor the text does become bold but in the corresponding html which is generated has a simple <strong> tag around it. Now when you load that html on a browser when it is delivered via a link or any other service, it does not show up as bold unless we write some css for it.
What I would like to know is:
Is this the correct behaviour?
Is there any fix or option that we need to control on Froala to make
it look bold?
Apart from writing custom css for it, if there are any options please let me know.
You can check out the said behaviour on one of the demo pages they have: Froala Demo
Thanks in Advance!
PS: Let me know if you guys need code samples from my end, I have not done anything(custom) apart from the samples available on their website.

Can i add <textarea> inside Tinymce editor?

I integrated Tinymce in Rails 4 application. Now, i added content in Tinymce from admin and display it front side and works fine.
But as per requirements, I have to add <textarea> <input> tags into Tinymce editor and display it front side in HTML format.
I tried lots but not get any idea. Any one have trick or idea in it.
Thanks

How to add HTML comment in tinymce editor in rails project

I am using the tinymce editor for one of my rails app.
I need to add HTML comments (<!-- -->), but it's not able to save the HTML tag as comment.
Please help!!
Thanks in advance.
You need to use the tinymce plugin named code (visible as 'html'-button in the tinymce UI) in order to insert comments. If you enter them as text inside the editor they will be treated as text.

How to make Input TextBox with Style Mathon?

alt text http://img693.imageshack.us/img693/1446/20091224044146.png
How cam i find and copy for this ?
Use Firebug in Firefox to see how Yahoo have styled their search box
You could save the page a to the local folder, and that will being across HTML and all suppoprting files (JavaScript, js, etc)
My suspicion is that it'll be some YUI style plugin, but don't quote me on that.

Lightweight Rich Text Editor

I am looking for something very simlar to the SO WMD markdown editor that is extremely lightweight but I would like the text area to display the "preview" as you type. I have looked into many Rich editors but they are all seem to do everything under the sun. All I really want is Bold, Italic, Link, Image, and Lists (ordered/unordered).
The most lightweight way to go would be to roll your own. The simplest way to do it would be to use Javascript to react to changes to a <textarea>, and then update a <div> underneath it with the Markdown translated. A good Markdown implementation in Javascript is Showdown.
I have just created this Rich Text Editor plugin that is focused to be used on public text editor such as comment form and/or Q/A form in a forum. It accept inline HTML only by default, but some hacks can be created to expand the limitation.
https://github.com/taufik-nurrohman/rich-text-editor
Basic Usage
The CSS:
<link href="rich-text-editor.min.css" rel="stylesheet">
</head>
The HTML:
<textarea></textarea>
The JavaScript:
<script src="rich-text-editor.min.js"></script>
<script>
var editor new RTE(document.querySelector('textarea'));
</script>
</body>
I'm a big fan of FCKeditor.
This HTML text editor brings to the
web much of the power of desktop
editors like MS Word. It's lightweight
and doesn't require any kind of
installation on the client computer.
http://www.fckeditor.net/