TinyMCE WYSIWYG Editor

Register an Account
Pligg Chat Room
Reply
 
LinkBack Thread Tools
TinyMCE WYSIWYG Editor
Developed by Yankidank Yankidank is offline
Developer Last Online: Mar 2010 Show Printable Version Email this Page
Designed for: Gold 1.0.0
License: Creative Commons Attribution-Noncommercial-Share
Released: 04-13-2009
Last Update: Never
Installs: 30
Uses Module System
Template Edits Not Required
Can Reuse Source Code
Translations Accepted
In Beta Stage
Not Supported by Author
This is my TinyMCE module which still needs some finishing touches to get it working with the latest SVN releases. Please don't post a reply unless you wish to contribute fixes to the module. I will remove any other posts until this module has been completed.

This module is no longer packaged with Pligg CMS because it hasn't been tested enough and the filesize of the module is quite large (1/3 the size of Pligg CMS when zipped).

What is WYSIWYG?

WYSIWYG is an acronym for What You See Is What You Get, used to describe a system in which content displayed during editing appears very similar to the final output. Without WYSIWYG you will see HTML code in textfields, which makes it more difficult for common users to understand and use. An example of a WYSIWYG would be the vBulletin editor used on the Pligg forums for composing posts.

What is TinyMCE?
TinyMCE is a web based Javascript HTML WYSIWYG editor that can be easily integrated into your site. We have packaged all of the necessary javascript files into a module that can be quickly added to your website by just installing the module.



Features of the Pligg TinyMCE Module:
I wanted to design this module to make it pretty basic for posting stories to your website so I chose to remove a lot of the features from TinyMCE. One such feature which users may want to add back in is the ability to insert images or links into posts. I will not be providing instructions on how to add either feature back in so please don't ask. I am working on adding the image button on for the admin page editor (Admin > Manage > Pages), but it seems to be stripping the image url at the moment. If you are really interested on adding links and images to the main submit process you should probably look at how the page editor template and the TinyMCE module relate to figure it out once I get the features working there.

Installation and Uninstallation Notes:
When you install the TinyMCE module it automatically adds html tags to the Admin > Configure > Submit page for the 3 "HTML tags to allow" fields for Normal, Admin and God user levels. I found that for some reason I had to click to edit the field and re-submit them for the site to recognize all of the allowed HTML tags. You may need to do the same after installing the module.

When uninstalling this module you might want to disable the ability for users to manually add the HTML tags to their posts by removing the previously mentioned HTML tags from the Admin > Configure > Submit page.

Download Now

File Type: zip TinyMCE Module.zip (338.7 KB, 1536 views)

Screenshots

File Type: png tinymce-module.png (3.3 KB, 1962 views)

License Agreement

Creative Commons Attribution-Noncommercial-Share Alike License
You are free to Share and Remix this work under the following conditions: You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).
You may not use this work for commercial purposes.
If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one.

Show Your Support

  • If you like this download support the author by donating.
  • This download may not be copied, reproduced or published elsewhere without author's permission.

Similar Downloads
Download Developer Category Replies Last Post

Comments
  #2 (permalink)  
Old 06-03-2009, 02:12 AM
New Pligger
Pligg Version: 1.0
Pligg Template: Edited Wistie
 
Join Date: Dec 2008
Posts: 16
great module... but how can i add image and media buttons in tinymce module?
Reply With Quote
  #3 (permalink)  
Old 08-03-2009, 04:47 PM
MissDanni's Avatar
Casual Pligger
Pligg Version: 1.0.2
Pligg Template: mystique
 
Join Date: Jun 2009
Posts: 70
When using images the editor removes the img src and makes it local.

Example:
img src=http://foo.com/icons/icon.gif

Editor Changes to:
img src=../icons/icon.gif

Is there a way to change this so full url can be used and not changed?

Nevermind I figured it out

FILE:

Quote:
js/tiny_mce.js
FIND:

Quote:
convert_urls:1,relative_urls:1
CHANGE TO:

Quote:
convert_urls:0,relative_urls:0
Note: Not saying you should or shouldn't do this, but it is how I fixed MY trouble.

Last edited by MissDanni; 08-03-2009 at 05:09 PM.
Reply With Quote
  #4 (permalink)  
Old 08-11-2009, 07:07 PM
riga75's Avatar
Casual Pligger/Coder
Pligg Version: 1.0.3b
Pligg Template: Squaretle
 
Join Date: Jul 2009
Location: Italy, Vercelli
Posts: 71
Send a message via Skype™ to riga75
Quote:
Originally Posted by MissDanni View Post
When using images the editor removes the img src and makes it local.

Example:
img src=http://foo.com/icons/icon.gif

Editor Changes to:
img src=../icons/icon.gif

Is there a way to change this so full url can be used and not changed?

Nevermind I figured it out

FILE:
FIND:
CHANGE TO

Note: Not saying you should or shouldn't do this, but it is how I fixed MY trouble.
I have done what you say but I transform the url like this:
www. mysite. com / static / myfile.zip

Why?
Thank you
Reply With Quote
  #5 (permalink)  
Old 09-01-2009, 04:31 AM
Casual Pligger
Pligg Version: 1.0.3
Pligg Template: Shmiggy
 
Join Date: Aug 2009
Location: Iran (Islamic Republic Of)
Posts: 44
how can i change the textarea direction from "LTR" to "RTL"
Reply With Quote
  #6 (permalink)  
Old 09-01-2009, 09:39 AM
Yankidank's Avatar
Pligg Founder/Coder/Designer
Pligg Version: SVN
Pligg Template: Wistie
 
Join Date: Dec 2005
Location: Ocala, FL
Posts: 3,803
Send a message via AIM to Yankidank Send a message via Skype™ to Yankidank
Admin > Language > Search for "LTR" and change it to "RTL". That sets the body direction for your entire site to RTL which should probably change the text input fields too.

Now Available: Facebook Connect Module !
Reply With Quote
  #7 (permalink)  
Old 09-01-2009, 03:36 PM
Casual Pligger
Pligg Version: 1.0.3
Pligg Template: Shmiggy
 
Join Date: Aug 2009
Location: Iran (Islamic Republic Of)
Posts: 44
thanks buddy, but i know that. i've changed it in language file.
my site is RTL,
but the editor textarea is LTR
Reply With Quote
  #8 (permalink)  
Old 09-01-2009, 03:55 PM
Yankidank's Avatar
Pligg Founder/Coder/Designer
Pligg Version: SVN
Pligg Template: Wistie
 
Join Date: Dec 2005
Location: Ocala, FL
Posts: 3,803
Send a message via AIM to Yankidank Send a message via Skype™ to Yankidank
Maybe you need to edit the textarea in the templates to <textarea dir="rtl">

Now Available: Facebook Connect Module !
Reply With Quote
  #9 (permalink)  
Old 10-26-2009, 09:28 PM
New Pligger
Pligg Version: 1.0.1
 
Join Date: Aug 2009
Posts: 5
TinyMCE is a great editor, and searching around I found that there are alot of language packs for this editor (Language Packs), so I downloaded the spanish pack, and tried to follow the instructions to install it but I can't get it to work.
I also wonder if I can enable the advanced features of TinyMCE into my pligg install. Thanks in advance and I hope you can mainly help me out in the language pack part.
Reply With Quote
  #10 (permalink)  
Old 11-15-2009, 06:20 AM
New Pligger
Pligg Version: 1.0.1
 
Join Date: Nov 2009
Posts: 6
Its not working 1.0.2 CAN YOU PLEASE CHECK!
Reply With Quote
Reply

Tags
advanced editor, textfield, wysiwyg

Thread Tools


Similar Threads
Thread Thread Starter Forum Replies Last Post
TinyMCE WYSIWYG Module Problem major_killer Questions and Comments 5 03-18-2009 05:20 PM
TinyMCE WYSIWYG HTML editor not working Gmalone Questions and Comments 2 03-06-2009 01:05 PM
How to use WYSIWYG editor? bryancxw Questions and Comments 3 07-30-2008 10:02 AM
turn any <textarea> into a powerful WYSIWYG editor. noyp Questions and Comments 0 01-28-2007 10:04 AM
WYSIWYG Editor Simon Questions and Comments 13 07-20-2006 11:38 PM


Pligg Modules and Pligg Templates from Pligg Pro Find support on the Pligg CMS Forum - 24 hours a day! Make a donation to support Pligg CMS development