Hey guys, there's a certain text box that I want to allow users to make text bold, italic, point form, add pictures, ... Anyone know how to do that?
Do you mean something like this: http://nicedit.com/ and http://nicedit.com/demos.php? It's called a WYSIWYG (What You See Is What You Get) editor.
If you want to make one, this tutorial seems pretty good: http://www.webreference.com/programming/javascript/gr/column11/. It show you how to make an old-school editor, but you can extrapolate it a bit more one you get the jist of it.
You can use an editor like CKEditor or TinyMCE to accomplish this.
For more options, see the following site:
List of Free Web Based HTML Editors For Your CMS Project
Related
I have a text_area on my form but by default they only accept text, I was trying to enable something like advanced editing that would allow users to put tags, bolds, etc, quickly.
This feature is available on this exact stackoverflow area input where im typing right now and is very common on forums, etc. Is there any quick way to enable this on my side?
Well if you create your own then it will take much time to built a just like one.
and if you want a quick solution then search for editors like ck-editor and there are lot more editors just like that
thanks
You can't. HTML elements can only contain plain text.
You will need to use a Javascript rich text editor component such as TinyMCE or CKEditor.
So I need to have a search box search through text on a web page and show relevant searches. I have no clue how to do this and didn't find anything online on how to. So if I have a search box on www.example.com/index.html, and and user enters text into it, then it searches the text on www.example.com/example.html and displays the result. Finally just an FIY it needs to be in HTML. Thanks for any help in advanced!
Well, you would need to know javascript (and probably php) to do that properly, which your request sounds like you do not.
If you need to add a search engine without knowing javascript/php, then your best bet is probably to look into something like Google's Custom Search - https://support.google.com/customsearch/answer/2630969?hl=en
Setting it up sounds simple enough for someone who doesn't understand what the code is actually doing - all copy and paste. Don't do that with any old script on the web, though. There's plenty of dodgy ones out there!
I am new to web development and just trying to add spelling suggestion to a textarea. I really don't know what I am going to need for this, need to write the code myself or use a third party library etc. Can someone suggest me how to add this functionality to a simple HTML page containing a textarea. I want when I write a misspelled word in text area, some suggestions matching that word should appear in dropdown.
Well autocorrect in the web page can be achieved by JavaScript for sure.
There are some nice frameworks for this, probably you could see this:
https://github.com/sanisoft/jQuery-auto-correct
For only spellchecking (despite built-in browser checking):
http://www.javascriptspellcheck.com/JQuery_SpellCheck_Plugin
I have a question of how to develop a small website which is quick and easy which has html support unlike google sites. For one of my course project I have to develop a prototype of the website but just html pages. Want to implement the clicks, text fields, checkboxes etc., I have created a small site of googlesites but that doens't allow me to put the html like text fields radio buttons etc., I just wanted to know if there is any free WYSIWYG capable for doing my stuff.
Thanks in advance
EDIT:
I dont want to use the div tags and arrange the location of HTML. I just want to drag and drop the fields and the site should automatically place the fields appropriately on the webpage something as easy as google sites
I found jsfiddle.net to be really useful. Basically you can put in HTML, CSS, and Javascript, click "Run" and see the result.
It's great for testing or hacking some CSS or Javascript, as it gives you instant feedback, saving you the "edit, save, launch, wait, repeat" cycle you might find using a text or HTML editor.
UPDATE
I'm not sure if I understood your question correctly. Perhaps you are looking for a tool like Google sites but with more capabilities? If so, http://www.weebly.com/ is a good option and it is free.
When you make a question on Stack Overflow, you get a text area box with options like "bold", "italic", "add hyperlink" and everything. I want to do the same thing... But how would I do this? Is there any examples of this? I'm sure there is something on the internet for this. Any help would be greatly appreciated. Thanks!
At the very coarse high-level view, those fancy online editors are just a div that's had its contentEditable attribute set to true. the button bars, menus, etc... are just fluffy extras.
You can try googling for wysiwyg plugins, like CLEditor jQuery plugin http://premiumsoftware.net/cleditor/
Normally you should use tinymce, etc.
But specifically on Stackoverflow, they use Markdown and a simple textarea. The few buttons here just insert simple ascii-text for the markdown symbols into the textarea
You want to look at W(hat) Y(ou) S(ee) I(s) W(hat) Y(ou) G(et) Editors. Examples: TinyMCE , ckeditor
You can also study the source for this web page. I recommend the Firebug plugin for Firefox. It makes it much easier to navigate the source of a web page.
Simply right-click on an html element, like a text-area, or a button, and click "Inspect element". It goes straight to the source.
I haven't delved my hand in web design for a little while, but there's clearly a lot of CSS and maybe JavaScript going on, both of which (as they are client-side) you can see in the source.