Home : Forums : Authoring and Programming : Adding a WYSIWYG HTML Editor to Your Site

Adding a WYSIWYG HTML Editor to Your Site

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register
17-Dec-09 00:00
DeleteDelete EditEdit
Elated Elated's avatar Rank: gold
Gold
Posts: 292
From: Brighton, UK
This is a forum topic for discussing the article "Adding a WYSIWYG HTML Editor to Your Site":

http://www.elated.com/articles/adding-wysiwyg-editor-to-your-site/

Explores JavaScript WYSIWYG HTML editors, and shows how to integrate CKEditor and TinyMCE into your Web forms.
19-Feb-11 02:31
DeleteDelete EditEdit
haseebjamal haseebjamal's avatar Rank: none
No stars yet
Posts: 2
From: Peshawar, KPK, Pakistan
I have successfully added ckeditor to my Question Answers script at: http://www.aboutcivil.com/answers , Thanks to your nice tutorial.

The WYSIWIG editor now shows up instead of the text field but is not accepting the data. Like when i press submit button, it says "Your answer cannot be empty" , means its not taking the input and wont process it. Can u please help me on this issue??

--
http://www.aboutcivil.org
http://www.enggpedia.com
20-Feb-11 19:42
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3304
From: Southern Highlands, NSW, Australia
@haseebjamal: I can't see the WYSIWYG field in your page. Where's your call to CKEDITOR.replace()?

Cheers,
Matt

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
20-Feb-11 23:30
DeleteDelete EditEdit
haseebjamal haseebjamal's avatar Rank: none
No stars yet
Posts: 2
From: Peshawar, KPK, Pakistan
@Matt
After you have registered, please click on any question, when the answer button shows up below the question, click it and then the ckeditor shows up, working fine but the form is not submitting.

Thanks for your time Matt

--
http://www.aboutcivil.org
http://www.enggpedia.com
21-Nov-11 07:16
DeleteDelete EditEdit
matt2002 matt2002's avatar Rank: none
No stars yet
Posts: 4
From: UK
Excellent tutorial and dead easy to follow, I have very basic knowledge and managed to add tinymce in minutes - great work!! Thanks!
23-Nov-11 20:34
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3304
From: Southern Highlands, NSW, Australia
@matt2002: You're welcome - thanks for the feedback

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
26-Nov-11 17:29
DeleteDelete EditEdit
behrad behrad's avatar Rank: none
No stars yet
Posts: 2
Thank You, Dead Easy To Follow, Thanks for being such a good teacher...
13-Mar-12 13:47
DeleteDelete EditEdit
vny009 vny009's avatar Rank: none
No stars yet
Posts: 3
From: India
Hello Matt,
First of all thanks for your tut on CMS. I am trying to add ckeditor into textarea field of edit article page of CMS (downloaded by your site). But no changes is showing there.
I've added

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

to head tag and add CKEDITOR.replace( 'content' ); after the 

</textarea>

tag.


Tell what is the problem. I know i am missing out something but dont know actually.
Help me!
23-Mar-12 01:22
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3304
From: Southern Highlands, NSW, Australia
@vny009: There is a discussion in the comments for the CMS tutorial about integrating CKEditor:

http://www.elated.com/forums/topic/5114/

Just search the page for "ckeditor".

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
23-Mar-12 12:20
DeleteDelete EditEdit
vny009 vny009's avatar Rank: none
No stars yet
Posts: 3
From: India
Thanks for your reply but I've no problem with CKeditor now.
I solved it already. Thanks again for your tutorials.
Can you make a tutorial for how to make a complete basic site by drupal.
I have searched many contents regarding it but not satisfied with that.
29-Mar-12 03:15
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3304
From: Southern Highlands, NSW, Australia
@vny009: Glad to hear it. Never used Drupal but I might have a go at some point - could be a fun project!

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
02-Jul-12 02:28
DeleteDelete EditEdit
hisky hisky's avatar Rank: none
No stars yet
Posts: 1
Dear Matt,

Thanks for another great article.

Can i print this article. kindly send me printable link if possible.

Thanks in advance.
04-Aug-12 14:37
DeleteDelete EditEdit
papadammy papadammy's avatar Rank: bronze
Bronze
Posts: 26
From: Port Harcourt, Rivers, Nigeria

 <script type="text/javascript">
tinyMCE.init({
  theme : "advanced",
  theme_advanced_toolbar_location : "top",
  theme_advanced_toolbar_align : "left",
  mode : "exact",
  elements : "content"
});
</script>



This little piece of code I placed at the top doesn't allow my form's content to be submitted to the database. When I removed it, the form's content was submitted, how do I sort this out? Thanks a lot.
10-Aug-12 02:03
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3304
From: Southern Highlands, NSW, Australia
@papadammy: You'll need to post the URL of your form so we can take a look.

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
02-Dec-12 11:14
DeleteDelete EditEdit
Richard_Paul Richard_Paul's avatar Rank: none
No stars yet
Posts: 3
From: Bury St Edmunds, Suffolk, England
Hi-Thanks for this nice tutorial (from wayback when-December 2009!).
I am looking at tinymce editor at the moment.
Currently I am echoing the editor content in form_handler.php with:

<?php
/* post.php : this page shows what insert.php has sent */
echo(stripslashes($_POST['articleContent']));
?>

I really want to try & save the editor content to a file but this is proving difficult for me (see my post on StackOverflow here:
http://stackoverflow.com/questions/13660978/saving-tinymce-textarea-content-to-file/13662092#comment18751239_13662092

[Edited by Richard_Paul on 02-Dec-12 11:15]
03-Dec-12 17:23
DeleteDelete EditEdit
chrishirst chrishirst's avatar Rank: gold
Gold
Posts: 833
From: Blackpool, Lancashire, England
http://www.tizag.com/phpT/filewrite.php

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/
 
New posts
Old posts

Follow Elated