Am creating a blog website in Django where bloggers are not familiar with Markdown/Markup. So am planning to add these tools to my textarea.(image below).
Please suggest an easy way to achieve this.
Use WYSIWYG Editor like summernote
https://github.com/summernote/django-summernote
Related
I'm having trouble trying to get JavaScript to show up on a Joomla! article using the TinyMCE editor. I've set all the settings I should based on Google searches and it's still not showing. The JavaScript code is commented out as shown in screenshots below.
Any help is greatly appreciated. TQ!
Though many WYSIWYG editors claim <script> support, I would suggest using the "None" editor when adding the JavaScript code to your posts. I use Switch Editor to quickly change editors. After installing and activating the package:
Switch to "None" editor
Open the article
Add the embed code
Save the article
Switch back to your favorite WYSIWYG editor to edit other articles
This will give you the least problems. Unfortunately, the package is only available for Joomla! 2.5+. However, there is an alternative here:
http://www.joomler.net/download/81-joomla15-plugin/959-editor-switcher-for-joomla15-released.html
On a side note, you should upgrade your site away from Joomla! 1.5 ASAP!
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.
What are the options for something that will let users make text bold/italic/underline/etc as they are writing in a textarea and work in all browsers?
Give a look to FKCEditor, I always recommend it...
I always liked TinyMCE
http://tinymce.moxiecode.com/
I favor the Rich Text Editor in the YUI
I've used InnovaStudio WYSIWYG. Pretty extensible and cheap.
FCKEditor is a popular choice, although it's incredibly bloated. There's a nice simple example in jQuery jQuery Plugins
I wrote my own in the end as I wanted to customise the editor quite a lot. It's not too difficult to do and typically involves popping an iframe on the page, setting the contenteditable to be true and then using a simple javascript command to update the html of the iframe.
I am intended to develop a rich input textarea similar to Google mail. Any ideal or resource to share? Thanks in advance!
My suggestion is to use TinyMCE it is a great Rich Text Box. Yahoo also has a really great Rich Text Editor (which has been deprecated).
These are not textareas, btw - they are IFRAMEs holding full HTML managed by the editor code. I also recommend FCKeditor - very configurable and easily integrated. You can write your code using textareas, make a javascript call and those textareas go hidden and the IFRAME gets injected in place. Upon submit the html gets copied back in the textarea. so really don't need to do much...
I am not sure what google uses, but I've used FCKEditor and it worked out great.
Look at the ContentEditable tag. And also have a look at Squire on gihub which is an open source rich text editor that is very lightweight and flexible (used in opera's mail client)
The editors given in the other answers are very heavy and come with their own (outdated, bloated) UI components.
I implemented the Yahoo Rich Text Editor (YUI Editor) in a Rails application using the YUI_Editor Plugin.
If I copy/paste text out of a PDF into a YUI-Editor-enhanced-TextArea (YEETA :)) it does not only copy the text but also the formatting of it.
How do I configure the YUI Editor to remove all formatting of text pasted into the YEETA before inserting it?
I'm intrested in your answer even if you're not working with Rails and/or using the YUI_Editor plugin. Give me a hint and I'll figure out how to solve this with my setup.
Thanks a lot for your help!
I've written an extension to the YUI editor to handle this, you can download it here:
http://antscode.blogspot.com/2009/05/strip-formatting-on-paste-using-yui.html
As far as I know there is no such function in the YUI editor. Finally I parsed the editor content on submit as described on this question.